title: Is it possible to dynamically construct JSX from javascript strings in React Native?
body: <p>I'd like to do something like the following (but with <code>str</code> actually determined dynamically):</p>
  <pre><code>let str = &quot;I like to drive my car fast&quot;;
  str = str.replace(&quot;car&quot;, &quot;&lt;Text style={styles.red}&gt;red car&lt;/Text&gt;&quot;);
  
  return (
    &lt;Text&gt;{str}&lt;/Text&gt;
  );
  </code></pre>
  <p>Is there anyway to insert JSX into other JSX using strings?</p>
  <p>edit: and I'd like to avoid doing it via determining the index position of 'car' and then splitting it all up into parts and reconstructing by concatenating JSX fragments.</p>
  <p>edit2: Just to be a bit more clear, what I want to do is dynamically read a string like &quot;I like #pizza very much&quot;, identify the tag, and output the string with #pizza in blue (i.e. like a tag on twitter etc).</p>