当在React中点击一个孩子时,我应该如何改变同胞的状态?

我是React的新手,只是遇到了需要在数组中选择单个组件的问题,但是当我选择一个子组件时,我希望它更改同级组件的状态/样式。

假设我在一个数组中有3个子组件。如何选择一项并设置其样式以使其看起来像被选中,然后取消选择/取消其样式?

I have an example project here: https://codesandbox.io/s/summer-river-h20cx?file=/src/Parent.js I want to only have one child item green at a time, when selected.

谢谢!