时间戳

首页 > 解决方案 > 是否可以从 React Native 中的 javascript 字符串动态构造 JSX？

javascript - 是否可以从 React Native 中的 javascript 字符串动态构造 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 片段进行重构来避免这样做。

编辑2：为了更清楚一点，我想要做的是动态读取一个字符串，如“我非常喜欢#pizza”，识别标签，并输出带有蓝色#pizza的字符串（即像twitter上的标签ETC）。

标签： javascriptreact-nativejsx

解决方案

不，目前 React Native 是不可能的，是的，很多人建议dangerouslySetInnerHTML但它不起作用，因为它不是 html 引擎盖下。您甚至可以查看最常见组件View的道具，它没有任何与dangerouslySetInnerHTML

推荐阅读