React:条件渲染
React:条件渲染
提问于 2018-02-23 05:23:52
我有一个react组件，它有条件地呈现，即：
render() {
if (this.state.isFoo) {
return (
<div className='bar'>
<Baz />
</div>
);
} else {
return (
<div>
<TextField /> <Button>search</Button>
</div>
);
}
}在<Baz />中，有一个来自getmdl-select的dropdown。如果我在没有检查isFoo是否为真的情况下包含了render的第一部分，那么下拉列表就会被正确呈现。我的意思是，用户可以选择一个选项。但对于条件渲染，如示例所示，这些选项是不可选的。下拉列表不会展开，并且选项不可见。是不是因为getmdl-select.min.js在加载时做了一些事情？
注意：search按钮激活isFoo，即它将其设置为true，以便请求重新渲染。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48937430
复制相关文章
相似问题
腾讯云开发者
