反应开玩笑的酶模拟变化引发警告：控制为不受控制的变化

Question

我正在使用jest-enzyme 7.0进行React 16.8的开发，并面临测试用例通过但引发警告的问题：

A component is changing an uncontrolled input of type text to be controlled.

我的输入标签是这样的：

<input type=“text” value={myValue} onChange={(event) => handleChange(event)} />

我的测试用例模拟事件就像：

const wrapper = mount(<MyComponent />);
wrapper.find(“#myInput”).simulate(“change”, {target: {value: “asdf”}});

Answer 1

我浪费了很多时间进行谷歌搜索，并通过为输入分配默认值来解决此问题：

<input type=“text” value={myValue || “”} onChange={(event) => handleChange(event)} />

对我有用.. !!