not showing data in dom reactjs - reactjs

Question

Hello everyone I am beginner at react. I want to search i my state which array of object I write the following function for the search. It works perfectly fine in Console.log();
But not working in real dom thanks in advance
categorySearch(event){
const filteredElements =
this.state.data.filter(categoryObject => categoryObject.name.includes(event.target.value));
this.setState({filteredElements: filteredElements});
console.log(filteredElements);
}
here is code for list
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

Let's say this is your JSON
[
{name: "John", id: 120, age: 22, gender: "male"},
{name: "Beth", id: 443, age: 24, gender: "female"},
{name: "Jane", id: 510, age: 19, gender: "female"}
]
And now if you want to render this you have to write as shown below
render() {
return(
<ul>
{this.state.users.map(function(user, i){
return <li key={i}>{user.name}</li>
)}
</ul>
)
}
This is a simple example of rendering the JSON. Since I've no idea about your state data I have taken a sample array to show you how the rendering works.
I hope this helps you. Thanks.