javascript - 是否可以在 React Native 中从 javascript 字符串动态构造 JSX?

标签 javascript react-native jsx

我想做类似下面的事情(但是 str 实际上是动态确定的):

let str = "I like to drive my car fast";
str = str.replace("car", "<Text style={styles.red}>red car</Text>");

return (
  <Text>{str}</Text>
);

有没有办法使用字符串将 JSX 插入到其他 JSX 中?

编辑:我想通过确定“汽车”的索引位置然后将其全部拆分成多个部分并通过连接 JSX 片段进行重构来避免这样做。

edit2:为了更清楚一点,我想做的是动态读取像“我非常喜欢#pizza”这样的字符串,识别标签,并输出带有蓝色#pizza 的字符串(即像在 Twitter 等上标记)。

最佳答案

不,目前 React Native 是不可能的,是的,很多人建议 dangerouslySetInnerHTML 但它不会工作,因为它不是 html 底层。您甚至可以查看最常见组件的 Prop View , 它没有任何与 dangerouslySetInnerHTML

非常相似的东西

关于javascript - 是否可以在 React Native 中从 javascript 字符串动态构造 JSX?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62674037/

相关文章:

reactjs - 我应该使用 createRef 还是 useRef,为什么?

javascript - faker一直显示同一张图,如何避免?

javascript - 将映射变量放入图像的源中

javascript - 使用 npm vue-cli 时出错

react-native - 从另一个堆栈重置 React Stack Navigator

javascript - Axios Post 在调试中工作,但在 Android 发布版本中给出 "Network Error"

javascript - Ascii/HTML 字符代码在 React 变量中不起作用

generics - TypeScript/JSX 中的通用 React 组件?

javascript - Javascript 中 'this' 的值

javascript - 如果脚本中未指定域,则重定向网站 - 使用 Javascript 进行保护