React-Native 如何使用布爾值

Question

我不知道如何在 React-Native 中使用布爾值。

我試圖在 google 上找到解決方案，但顯然我的問題太簡單了，沒有人問過它。

我的代碼必須在哪里聲明布爾值？
如何更改值？

比較它的正確方法是什么？ （我認為 if(myBoolean ===true) 但我不完全確定。）

Answer 1

這更像是一個 JS 問題而不是 React Native 問題，因為 React Native 使用符合標准的 JavaScript 作為編程語言。 所以，通過你所有的問題：

我必須在代碼中的哪個位置聲明布爾值？

boolean 是 JS 中的 6 種數據類型原語之一，還有 null、undefined、number、string 和 Symbol（僅限 ES6）。 因此，您可以按照使用其中任何一個的方式創建一個布爾值。 例如：

var myBoolean = true;

您幾乎可以在代碼的任何部分創建布爾值：在函數內部，作為全局變量，作為對象屬性......

請記住，JS 是一種動態弱類型語言，這意味着如果您為myBoolean分配不同的類型值，那么它就是該類型。 例如：

var myBoolean = true; // I'm a boolean
myBoolean = "A string"; // I'm a string

如何更改值？

我們只是通過初始化變量來改變它的值，但它會很簡單：

var myBoolean = true; // I'm a boolean
myBoolean = false;

比較它的正確方法是什么？ （我認為 if(myBoolean ===true) 但我不完全確定。）

你的方法是完全正確的，但在這種情況下你也可以做一些其他的事情。 這都是有效的：

if(myBoolean === true) // Will check that myBoolean has the same value and type as true 
if(myBoolean == true) // Will check that myBoolean has the same value as true
if(myBoolean) // Will check that myBoolean has a 'truthy' value (anything that is not a false, 0, "", null, undefined or NaN (not a number).

Answer 2

martinarroyo 的回答很棒，但只是補充一下：

React Native 使用JSX （XML + JavaScript）。

使用JSX 時，始終將布爾值封裝在花括號中：

<View>
  <MapView
    showsUserLocation={true}
  >
  </Mapview>
</View>

你還可以用JSX做一些有趣的事情，比如有條件地渲染組件：

<View>
  // This component will render
  <TouchableHighlight>
    {true}
  </TouchableHighlight>
  // This component will not render
  <TouchableHighlight>
    {false}
  </TouchableHighlight>
</View>

更多信息在這里： https : //facebook.github.io/react/docs/jsx-in-depth.html