title: font color through rendering in typescript react
body: <p>Trying to set the font color through a variable inside a react component, but my <code>&lt;span&gt;</code> gives error:</p>
  
  <pre><code>Type '{ style: "color:yellow"; }' is not assignable to type 'HTMLProps&lt;HTMLSpanElement&gt;'
  </code></pre>
  
  <p>The yellow is just for testing, I will replace with {color} in the end.</p>
  
  <pre><code>import * as React from 'react';
  
      export interface SkillListItemProps {
          name: string
          color: string
         // Icons: 
      }
  
      interface SkillListItemState{
      }
  
      export class SkillListItem extends React.Component&lt;SkillListItemProps,SkillListItemState&gt;{
          public render(): JSX.Element{
              const {name, color} = this.props;
          return (
              &lt;div className="SkillListItem"&gt; 
                  &lt;span style="color:yellow"&gt;{name}&lt;/span&gt;
              &lt;/div&gt;
          )
          }
      }
  </code></pre>