Kann ich in React Requisiten anstelle von zwei geschweiften Klammern eine geschweifte Klammer verwenden?

Question

Ich habe einige Beispiele, aber ich verstehe.

const Links =() => 
<nav> 
    <Link activeStyle={{color: 'red'}} to="/">Home</Link> 
    <Link activeStyle={{color: 'red'}} to="/about">About</Link> 
    <Link activeStyle={{color: 'red'}} to="/contact">Contact</Link> 
</nav> 

kann ich nur schreiben, dass <Link activeStyle={color: 'red'} to="/">Home</Link> ich ein Paar brace.braces eine Bedeutung verlieren?

Answer 1

Nein, dies ist nicht möglich, da das erste geschweifte Klammerpaar Sie in einen JavaScript-Kontext versetzt. Das nächste geschweifte Klammernpaar ist ein Objektliteral, das Ihren Stil definiert.

<Link activeStyle={{color: 'red'}} to="/">Home</Link> 

ist das gleiche wie:

var style = { 
    color: 'red' 
}; 

<Link activeStyle={style} to="/">Home</Link> 

Sie können dies nicht:

<Link activeStyle=style to="/">Home</Link>