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

Question

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

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

为什么我们用花括号包围height ，而不用placeholder包围height ？

Answer 1

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

Answer 2

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

Answer 3

placeholder="Type here to translate!"

和

placeholder={'Type here to translate!'}

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

placeholder={
  'Type here to translate!'
}

知道这一点，您几乎可以传递任何东西来响应道具，例如物体：

style={
  {height: 40}
}

内联编写的结果是您遇到的：

style={{height: 40}}