什么時候在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}}