Question

我有一些例子，但我理解。

 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>

我可以写出<Link activeStyle={color: 'red'} to="/">Home</Link> 我失去了一对大括号。有什么意思？

Answer 1

不，你不能这样做，因为第一对花括号会让你进入Javascript语境，下一对花括号是一个定义你的风格的对象文字。

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

与：

相同

var style = {
  color: 'red'
};

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

你不能这样做：

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

我可以在React道具中使用一个花括号而不是两个花括号吗？

1 个答案: