Javascript 可以隐藏由数组渲染的某些片段吗？

摘要

我将大约100个react片段加载到一个数组中，然后传递给我的react render方法。我正在尝试实现一个搜索栏，以便用户可以快速搜索某些标题。在我的例子中，数组中的每个元素都是这样的：

<Grid item md={10} style={{alignContent: 'center', alignItems: 'center', justifyContent: 'center', display: 'all'}}>
  <Card data={json[item]} title={item} onClick={that.props.install} result={testResult} 
</Grid>

是的，您可以通过编程更改
显示
值。以下是使用三元运算符的示例：

<Grid item md={10} display={title.includes(searchQuery) ? "all" : "none"}>
  <Card title={title}/>
</Grid>



这将有条件地设置
display
属性，以显示与用户的
searchQuery
匹配的标题。在生成React组件之前，是否有原因不过滤数据？是否尝试过过滤数组？拥有渲染逻辑会很有用。@Robfz只是查看了array.filter，使它工作得很好。谢谢你的提示@coreyward我以前不过滤它，因为它是一个文本输入搜索栏。渲染时，未输入任何内容，因此我将渲染所有数据。一旦用户输入了一些东西，我就必须进行过滤。@TechyTy我不是说过滤用户输入，我是说你所说的数据已经是一组作为道具传入的React片段。这看起来很干净。我必须用上面提到的另一种方法来测试一下。谢谢