账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    React Naitve中JSX如何像html那样拼接??求教?
    36
    0

    问题:

    例:后台传来一串字符串如下:

    每日登陆可获得5点积分

    现在我想根据这个字符串形成这样一段jsx,为了给数字突出数字5,所以在5的外层要包裹一个Text

    <Text>每日登陆可获得<Text>5</Text>点积分</Text>

    在html中很容易实现,直接通过字符串拼接就可以了,然后innerHTML直接渲染就行,reactJs网页端也有解决方案,但是在ReactNative中我好像找不到可行的方法,有没有大神可以给点思路?谢谢了?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • ℡音符流濄の回忆 普通会员 1楼

      在React Native中,JSX是一种语法糖,用于创建动态HTML元素。它允许你像使用HTML一样使用JavaScript和CSS来创建和设计UI。

      要像HTML那样拼接JSX,你需要使用字符串拼接和JavaScript的模板语法。以下是一个例子:

      ```jsx import React from 'react'; import { View, Text } from 'react-native';

      function App() { return ( Hello, world! Hello, world! ); }

      export default App; ```

      在这个例子中,我们使用了<Text>元素来创建两个不同的文本字符串。然后,我们使用字符串拼接拼接字符串)来连接这两个字符串。这将返回一个包含两个文本字符串的视图。

      注意,JSX的模板语法与HTML的<p>元素相似。它使用<span>元素来包裹文本,并使用<b>元素来增强文本的可读性。此外,你还可以使用<a>元素来创建链接。

      如果你使用的是React Native 0.60及以上版本,你可以使用新的React.createElement()方法来创建新的React元素,而不需要使用模板语法。例如:

      ```jsx import React from 'react'; import { View, Text } from 'react-native';

      function App() { return ( Hello, world! Hello, world! ); }

      export default App; ```

      在这个例子中,我们使用了React.createElement()方法来创建一个新的Text元素,而不是使用模板语法。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部