title: How to change icon to a "plus" or "minus" depending on table cell value
body: <p>I am new to react, what I am trying to do is to change the icon symbol from a "plus" to a "minus" or vice versa when the value in a certain cell changes that is, when the cell has a positive value the symbol next to it should be a "plus" symbol and a negative value in the cell change the symbol to a "minus" </p>
  
  <p>Here is a code sample of what I am trying to do</p>
  
  <p>Is this the right approach ?</p>
  
  <p>I am using Semantic-UI for the symbols</p>
  
  <pre><code>
  &lt;Table &gt;
        &lt;Table.Body&gt;
                &lt;Table.Row&gt;
                    &lt;p&gt;Total Assets/Liabilities:&lt;/p&gt;
                        &lt;td&gt;12&lt;/td&gt;
                          &lt;td "tabledatavalue" &gt;= 0 
                  ? &lt;Icon name="plus"&gt;&lt;/Icon&gt; : 
                    &lt;Icon name="minus"&gt;&lt;/Icon&gt; 
               &lt;/td&gt;&lt;/Table.Row&gt; 
         &lt;/Table.Body&gt;
  &lt;/Table&gt;```
  </code></pre>