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

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)} />

它对我有用.. !!