RN如何渲染一个包含组件的字符串

Question

比如：这样一个字符串
let str = <Text>11111<Text>2323</Text>11111</Text>

我想渲染出来。直接return str肯定不行。不知道有什么好方法

Answer 1

React Native里面可以用createElement这个方法，如果字符串比较短是可以用这个来处理
不过如果字符串较长的话，你需要个解析的库

Answer 2

使用ES6的模板字符串

例如

const str = `<Text>11111<Text>2323</Text>11111</Text>`
const App = () => (
  
  <div style={styles}>
    <Hello name="CodeSandbox" />
    <h2>Start editing to see some magic happen {str} {'\u2728'}</h2>
  </div>
);

render(<App />, document.getElementById('root'));