父组件与其子组件同等级子组件之间传值
给定一个父组件 a，有两个子组件 b 和 c。子组件 b 包含一个子组件 d，其中 d 中包含一个文本输入框。子组件 c 上有一个按钮，单击该按钮可获取 d 中文本输入框的值。
现有的解决方案
op 尝试了以下两个解决方案：
通过直接操作 dom试图从 d 传递值到 b，再从 b 传递到 a，最后从 a 传递到 c，但始终不成功
其他解决方案
除了上述解决方案，还有两种其他方法可以实现此需求：
1. 层层传值
在顶级组件 a 中，使用 usestate 钩子管理文本输入框的值，并将其传递到 d 组件。然后，将值从 d 组件传递到 b 组件，再从 b 组件传递到 c 组件。
// a 组件const appa = () => { const [value, setvalue] = usestate(""); return ( );};// b 组件const appb = ({ value, setvalue }) => { return ;};// c 组件const appc = ({ value }) => { // 获取文本输入框的值 return ;};// d 组件const appd = ({ value, setvalue }) => { return