Reactjs 根据react native中的某些条件启用道具？

如果

menuIndex==menus.house

，我想为本机基本按钮应用带边框的道具

<Button bordered>
    <Text uppercase={false}>House</Text>
</Button>

房子

这是我试过的

<Button {menuIndex == menus.house? '' : bordered}>
    <Text uppercase={false} style={styles.menuTextButtonActive}>
        House 
    </Text>
</Button>

房子

...

可以理解如下

<Button bordered={true}>
  ...
</Button>

...

所以，您可以执行如下布尔表达式

<Button bordered={menuIndex == menus.house}>
    <Text uppercase={false} style={styles.menuTextButtonActive}>
        House 
    </Text>
</Button> 

房子

...

可以理解如下

<Button bordered={true}>
  ...
</Button>

...

所以，您可以执行如下布尔表达式

<Button bordered={menuIndex == menus.house}>
    <Text uppercase={false} style={styles.menuTextButtonActive}>
        House 
    </Text>
</Button> 

房子

或者，您可以将该值作为常量存储在渲染函数中：

class FooBar extends React.Component {
    [...]
    render() {
        const indexIsHouse = menuIndex == menus.house;
        return (
            <Button bordered={indexIsHouse}>
                <Text uppercase={false} style={styles.menuTextButtonActive}>
                    House 
                </Text>
            </Button> 
        )
    }
}

类FooBar扩展了React.Component{
[...]
render（）{
const indexIsHouse=menuIndex==menus.house；
返回(
房子
)
}
}

---

这样做允许您重用该条件<代码>索引房屋的计算结果为布尔值。

或者，您可以将该值作为常量存储在渲染函数中：

class FooBar extends React.Component {
    [...]
    render() {
        const indexIsHouse = menuIndex == menus.house;
        return (
            <Button bordered={indexIsHouse}>
                <Text uppercase={false} style={styles.menuTextButtonActive}>
                    House 
                </Text>
            </Button> 
        )
    }
}

类FooBar扩展了React.Component{
[...]
render（）{
const indexIsHouse=menuIndex==menus.house；
返回(
房子
)
}
}

这样做允许您重用该条件<代码>索引屋的计算结果为布尔值