title: Css inline style as an attribute in React component
body: <p>I have custom component in which i map attributes.
  In this component I have label which have css class assigned.
  But i also want optional inline style for this label.
  The problem is that in react I need to surround inline style with curly braces and i can't escape them or set them correctly in component. How to resolve this?</p>
  
  <p>Code from component: </p>
  
  <pre><code>const CustomComponent = ({items, name}) =&gt; (
      &lt;fieldset&gt;
          {items
              .map((item, index) =&gt; ({item, id: `${name || 'dod'}-${item.value || index}`}))
              .map(({item, id}) =&gt;
                  &lt;div key={id}
                       className="className1"&gt;
                      &lt;input
                          id={id}
                          name={name}
                          type="text"
                      /&gt;
                      &lt;label htmlFor={id} className="className" style={item.style}&gt;
                          {item.label}
                      &lt;/label&gt;
                  &lt;/div&gt;
              )}
      &lt;/fieldset&gt;
  );
  </code></pre>
  
  <p>Code from rendered .jsx</p>
  
  <pre><code>  &lt;CustomComponent             
         name="name"
         items={[{
             value: 'value',
             label: 'label',
             style: {{display: 'inline'}}      -&gt; not working
         }]}
    /&gt;
  </code></pre>