title: Inserting html inside string variable used in React component
body: <p>I have a react app I am building for my portfolio site. Currently i have the app written in JSX so i can add stuff like: </p>
  
  <pre><code>class Project extends React.Component {
  render() {
      return (
          &lt;div className={this.props.project.class}&gt;
              &lt;h1&gt;{this.props.project.header}&lt;/h1&gt;
              &lt;div&gt;
                  &lt;div className='description'&gt;
                      &lt;p&gt;{this.props.project.description}&lt;/p&gt;
                      &lt;p&gt;The Tech Stack&lt;/p&gt;
                      &lt;ul&gt;
                          {
                          this.props.project.items.map(function(listValue){
                              return &lt;li&gt;{listValue}&lt;/li&gt;;
                          })}
                      &lt;/ul&gt;
                  &lt;/div&gt;
                  &lt;div className='image'&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
  
          &lt;/div&gt;
      );
  }
  </code></pre>
  
  <p>}</p>
  
  <p>to my component. I am currently managing my long strings of text in a different file called Text.js:</p>
  
  <pre><code>export let exampleText = "Graded is a application developed by &lt;a href='google.com'&gt; Link here. &lt;/a&gt; and myself for our second year user interfaces course.";
  </code></pre>
  
  <p>And access it in my jsx file here: </p>
  
  <pre><code>var gradedItems = {
      class: "gradedSection content",
      header: "Graded",
      description: Text.exampleText,
      items : ["Java", "Android"]
  }
  </code></pre>
  
  <p>and then it gets displayed in the <code>&lt;p&gt;</code> tags in the above component. However as I mentioned the link doesn't actually render and the html tags don't get rendered. So it looks like some text and then a  tag in the website. </p>
  
  <p>How should I go about adding these html tags within this string so when the component renders it, the html elements inside get rendered out? </p>
  
  <p>Is it even possible in this situation, is there a better way of doing what I'm trying to achieve? </p>
  
  <p>Thanks as always SO!</p>