how to re-render child component on state change(Parent) reactjs

Question

I have an array list
logged in the child component which returns me the initial array.
After changing data from the API componentDidMount
I get an array of objects
if i log that array in the Parent component in the render function.
it is changing
but the child component it is not.
what shall i do ??

Answer 1

I have an array list
logged in the child component which returns me the initial array.
After changing data from the API componentDidMount
I get an array of objects
if i log that array in the Parent component in the render function.
it is changing
but the child component it is not.
what shall i do ??

Answer 2

I have an array list
logged in the child component which returns me the initial array.
After changing data from the API componentDidMount
I get an array of objects
if i log that array in the Parent component in the render function.
it is changing
but the child component it is not.
what shall i do ??

Answer 3

I have an array list
logged in the child component which returns me the initial array.
After changing data from the API componentDidMount
I get an array of objects
if i log that array in the Parent component in the render function.
it is changing
but the child component it is not.
what shall i do ??

Answer 4

I have an array list
logged in the child component which returns me the initial array.
After changing data from the API componentDidMount
I get an array of objects
if i log that array in the Parent component in the render function.
it is changing
but the child component it is not.
what shall i do ??

Answer 5

I have an array list
logged in the child component which returns me the initial array.
After changing data from the API componentDidMount
I get an array of objects
if i log that array in the Parent component in the render function.
it is changing
but the child component it is not.
what shall i do ??

Answer 6

You can use useState

eg

export function myChildComponent({myValue}) {
   const [MyValue, setMyValue] = useState(null);
   useEffect(() => {
       setMyValue(myValue);
   }, [myValue])
}