los accesorios no están definidos en mi aplicación arroja un error indefinido. Una vez que se define el estado, no vuelve a representar el componente con los nuevos accesorios.
render(){ // console.log("RENDER PROPS", this.props) const { name, category, price, img} = this.props return( <div> <h2>={name}/> <h4>{category}/> <h3>{price}</> <img={img}/> </div> ) } }debe guardar accesorios en estado interno en el componente, vea el ejemplo.
export default function Page({ nameFromProps , ageFromProps }) => { const [name , setName] = useState(nameFromProps ); const [age, setAge] = useState(ageFromProps ); useEffect(() => { setName(nameFromProps); setAge(ageFromProps); },[nameFromProps]); return (<div> Data : {name}{age} </div>) }No está muy claro cómo pasa los accesorios al componente, tal vez haya un error en este paso, pero para verificar puede usar
shouldComponentUpdate(nextProps, nextState) { if (this.props.color !== nextProps.color) { return true; } if (this.state.count !== nextState.count) { return true; } return false; }para verificar el valor de sus accesorios y obligar a volver a renderizar o no