Допустим есть родительский блок
class Parent extends React.Component {
render() {
retrun (
<div>
<Child />
<Logs />
</div>
)
}
}
//Покупка чего-либо
class Child extends React.Component {
state = {
...
};
buy = () => {
//...
//Logs.latest.push(...) -Как это сделать?
this.setState(...)
};
render() {
return (
<div>
...
<button onClick={this.buy}>Купить</button>
</div>
)
}
}
//Вывод логов
class Logs extends React.Component {
state = {
latest: [...]
}
render(
<div>
{this.state.latest.map((log) => {return (<div>{log.text}</div>)})}
</div>
)
}
Как можно сделать так, чтобы при клике в Child.buy() после покупки добавлялась запись в Logs и он обновлялся?
Можно конечно хранить state.latest в Parent и обновлять массив уже там. Но может есть решение по-лучше?