何时在 React Native 中用大括号包围道具

Question

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

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

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

Answer 1

placeholder="Type here to translate!"

和

placeholder={'Type here to translate!'}

是等效的。你也可以这样写，以便在视觉上更好地分离它：

placeholder={
  'Type here to translate!'
}

知道了这一点，你几乎可以传递任何东西来反应道具，比如一个对象：

style={
  {height: 40}
}

内联编写的结果是：

style={{height: 40}}

Answer 2

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

Answer 3

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