Question

大家好，我是初学者。我想在我的状态中搜索哪个对象数组，我为搜索编写了以下函数。它在Console.log（）中完美运行; 但是事先没有在真正的dom工作

categorySearch(event){

    const filteredElements = 
       this.state.data.filter(categoryObject => categoryObject.name.includes(event.target.value));
    this.setState({filteredElements: filteredElements}); 
    console.log(filteredElements); 
}

这是列表的代码

this.state.data.map((item,index) => {

        return (
          <div key={index} id="area">
            <h3>{item.name}</h3>
            <div id="overflowTest"><List lists={item.lists} handle={this.handleItemClicked} /> </div>
          </div>
        )
      }

Answer 1

让我们说这是你的JSON

＆＃13;

[
 {name: "John", id: 120, age: 22, gender: "male"},
 {name: "Beth", id: 443, age: 24, gender: "female"},
 {name: "Jane", id: 510, age: 19, gender: "female"}
]

＆＃13;

现在如果你想渲染它，你必须写如下所示

＆＃13;

render() {
 return(
   <ul>
     {this.state.users.map(function(user, i){
       return <li key={i}>{user.name}</li>
     )}
   </ul>
 )
}

＆＃13;

这是渲染JSON的简单示例。由于我对您的状态数据一无所知，因此我采用了一个示例数组来向您展示渲染的工作原理。我希望这可以帮助你。感谢。

没有在dom reactjs中显示数据

1 个答案: