Pour attribuer des styles en ligne ou "inline styles", il faut utiliser la propriété style
avec de doubles accolades {{...}}
comme suit:
<div style={{marginTop: 20, backgroundColor: 'blue'}} />
Ces particularités sont dues au fait que les styles sont définis sous format d'un objet JavaScript et que celui-ci est combiné à une expression JSX.
Le code précédent ☝️ est en fait équivalent à celui-ci. Ce qui explique le besoin des doubles {{...}}
:
const elementStyles = {marginTop: 20, backgroundColor: 'blue'}
<div style={elementStyles} />