- 36
- 0
问题:
例:后台传来一串字符串如下:
每日登陆可获得5点积分
现在我想根据这个字符串形成这样一段jsx,为了给数字突出数字5,所以在5的外层要包裹一个Text:
<Text>每日登陆可获得<Text>5</Text>点积分</Text>
在html中很容易实现,直接通过字符串拼接就可以了,然后innerHTML直接渲染就行,reactJs网页端也有解决方案,但是在ReactNative中我好像找不到可行的方法,有没有大神可以给点思路?谢谢了?
- 共 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元素,而不是使用模板语法。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
