title: Render unicode characters in react native using variable
body: <p>I'm trying to render some Arabic text which is in the form of Unicode.</p>
  
  <p>I have already tried to render this using Text component like </p>
  
  <pre><code>const arabic  = "&amp;#1587;&amp;#1615;&amp;#1576;&amp;#1618;&amp;#1581;&amp;#1614;&amp;#1575;&amp;#1606;&amp;#1614; &amp;#1575;&amp;#1604;&amp;#1604;&amp;#1607;&amp;#1616; &amp;#1608;&amp;#1614;&amp;#1576;&amp;#1616;&amp;#1581;&amp;#1614;&amp;#1605;&amp;#1618;&amp;#1583;&amp;#1616;&amp;#1607;&amp;#1616;"
  
  
  render(){
   return(
    &lt;Text&gt;
     {arabic}
    &lt;/Text&gt;
   )
  }
  </code></pre>
  
  <p>it renders the Unicode as it is, but writing it this way </p>
  
  <pre><code>render(){
   return(
    &lt;Text&gt;
  
     &amp;#1587;&amp;#1615;&amp;#1576;&amp;#1618;&amp;#1581;&amp;#1614;&amp;#1575;&amp;#1606;&amp;#1614;  
     #1575;&amp;#1604;&amp;#1604;&amp;#1607;&amp;#1616; 
   &amp;#1608;&amp;#1614;&amp;#1576;&amp;#1616;&amp;#1581;&amp;#1614;&amp;#1605;&amp;#1618;&amp;#1583;&amp;#1616; 
   &amp;#1607;&amp;#1616;
  
    &lt;/Text&gt;
   )
  }
  </code></pre>
  
  <p>renders the correct output</p>