title: React style width based on length of props
body: <p>I have a react component:</p>
  
  <pre><code>const TeamRow = props =&gt; {
    const items = props.team.map((item, index) =&gt; {
      const con_width = 100 / props.team.length;
      const Style = {
        team_img: {
          width: "50px",
          height: "auto"
        },
        member_container: {
          float: "left",
          width: `{con_width}%`
        }
      };
      return (
        &lt;div style={Style.member_container}&gt;
          &lt;img style={Style.team_img} src={logo} /&gt;
          &lt;p&gt;{item.name}&lt;/p&gt;
          &lt;p&gt;{item.bio}&lt;/p&gt;
        &lt;/div&gt;
      );
    });
    return &lt;div&gt;{items}&lt;/div&gt;;
  };
  </code></pre>
  
  <p>The idea is to have a set of divs next to one another horizontally. The width of each div should equal 100% divided by the number of divs.
  <code>{con_width}</code> is calculated correctly, but in the web inspector, there is no 'width' style at all. It just gets ignored by react. What am I doing wrong?</p>