如何在 react-native 的 if else 语句中使用 boolean [重复]

Question

这个问题在这里已经有了答案：

如何比较 Javascript 中的字符串和 boolean？ (9 个回答)

去年关闭。

我想要做的是在我的 if-else 语句中使用来自另一个组件的数据。

这是我的 class 屏幕：

class Restaurant {
constructor(
    id,
    Categoryids,
    name,
    time,
    km,
    ImageUrl,
    recommended,
    fav,


) {
    this.id = id;
    this.Categoryids = Categoryids;
   this.recommended = recommended;
  //more this....

}
  }

  export default Restaurant;

我有一个虚拟数据组件，其中包含每个部分的所有数据。 对于推荐，我将数据写为“真”或“假”。 如果我理解正确，这将使它们成为 boolean。

对于我想要 output 组件的主页，我做了：

import React from 'react';
import { StyleSheet, Text, View, Button, Image, ScrollView, FlatList, 
TouchableOpacity, Platform } from 'react-native';
import { FAVORITE, RESTAURANT } from '../extra/dummy-data';
import Homedesign from '../Components/Homedesign';
import HeaderButton from '../Components/HeaderButton';
import { HeaderButtons, Item } from 'react-navigation-header-buttons';
import MealItem from '../Components/MealItem'

const Homepage = props => {
  const renderMealItem = itemData => {
    if (RESTAURANT.recommended === 'true') {
  return (
    <MealItem
      name={itemData.item.name}
      image={itemData.item.imageUrl}
      time={itemData.item.time}
      km={itemData.item.km}
      onSelectMeal={() => {
        props.navigation.navigate({
          routeName: 'MealDetail',
          params: {
            RestaurantId: itemData.item.id
          }
        });
      }}
    />
  );

}


  }

  const favId = props.navigation.getParam('favoriteId');

  const displayedRestaurant = RESTAURANT.filter(
    Restaurant => Restaurant.Categoryids.indexOf(favId) >= 0
  )
  return (
<View style={styles.screen}>
  <FlatList
    data={displayedRestaurant}
    renderItem={renderMealItem}
    style={{ width: '100%' }}

  />
</View>
  );
};

我假设为此我们将使用 if-else 语句。

Answer 1

这里RESTAURANT.recommended === 'true' true将被视为字符串。 ===也不做类型强制。 如果RESTAURANT.recommended为true ，那么您可以跳过 eqaility 检查

if (RESTAURANT.recommended) {
  return (
    <MealItem
      name={itemData.item.name}
      image={itemData.item.imageUrl}
      time={itemData.item.time}
      km={itemData.item.km}
      onSelectMeal={() => {
        props.navigation.navigate({
          routeName: 'MealDetail',
          params: {
            RestaurantId: itemData.item.id
          }
        });
      }}
    />
  );

}

Answer 2

'true'和'false'都是字符串，并将评估为 true。 A boolean 将只是true或false （没有'或" ）。