什么时候在React Native中用大括号包围道具？

Question

在官方教程中，此代码显示：

    <TextInput
      style={{height: 40}}
      placeholder="Type here to translate!"
      onChangeText={(text) => this.setState({text})}
    />

为什么我们用大括号包围height而不是placeholder？

Answer 1

您正在用花括号包围高度，因为您正在将javascript传递给style和onChangeText道具。可以按字面传递字符串，因为javascript需要用大括号括起来。它是JSX语法的一部分

Answer 2

高度是JavaScript对象的属性，该对象将传递给选项，占位符是TextView组件的选项。

Answer 3

placeholder="Type here to translate!"

和

placeholder={'Type here to translate!'}

是等效的。您还可以这样编写代码，以便在视觉上更好地将其分开：

placeholder={
  'Type here to translate!'
}

了解到，您可以传递几乎的任何东西来响应道具，例如物体：

style={
  {height: 40}
}

内联写法会导致您遇到的事情：

style={{height: 40}}