我正在重构以使用钩子，我遇到了一个非常令人困惑的问题
我有这样一个基本的功能组件:
export const MakeComponent = props => {
const { path, value, info, update } = props;
const [val, setVal] = useState(value);
console.log(value, val); // abc undefined
return (...)
}
日志(log)返回abc undefined，即props 中的value是明确定义的，但从useState(value)返回的第一个参数是undefined
为了测试钩子是否有效，我试了useState("abc")次，结果是abc次.
我不知道我做错了什么——有什么 idea 吗？
react 版本:16.8.6
"编辑这里"是父组件——就我所见，这里没有什么奇怪的事情！
<MakeComponent
path={key}
value={item[key]}
info={value}
update={updateDiffs}
/>