Javascript 这个错误重要吗？从非受控部件到受控部件

实际上，我更喜欢这种设计，因为它允许我在react状态或redux状态下轻松重用组件。但我得到了这个警告。你建议我做什么

警告：组件正在更改要控制的文本类型的非受控输入。输入元件不应从非受控切换到受控（反之亦然）。在组件的使用寿命内，决定使用受控或非受控输入元件。更多信息： 输入中（由InventoryDisplay创建） 在InventoryDisplay中（由Connect（InventoryDisplay）创建） in Connect（目录显示） 在永久门

从“React”导入React
从“react redux”导入{connect}
从“../../redux/maps/maps”导入{mapstatestrops，mapsDispatchToprops}；
类InventoryDisplay扩展了React.PureComponent{
建造师（道具）{
超级（道具）
这个州={
异教：没错，
首页：空，
当前页面：空，
最后一页：空，
数据：空，
限制：空，
}
}
componentDidMount（）{
//在此处设置库存的值
this.props.loadInventory（）；
}
componentDidUpdate（）{
console.log（this.props.CurrentInventory）
这个.setState（{
当前页面：this.props.CurrentInventory.current\u页面
})
这个.setState（{
首页：this.props.CurrentInventory.from
})
这个.setState（{
最后一页：this.props.CurrentInventory.last_页
})
this.setState（{data:this.props.CurrentInventory.data}）
this.setState（{total:this.props.CurrentInventory.total}）
这个.setState（{
限制：this.props.CurrentInventory.per_page
})
}
render（）{
返回(
项目
)
}
}
导出默认连接（MapStateStorops、mapDispatchToProps）（清单显示）
这是因为，您输入的值是
this.state.limit
，但您没有更新它。当输入值改变时，
状态的值不改变。您必须提供一个
onChange
处理程序，以便每当输入中的值发生变化时，状态的值也会发生变化，从而重新命名输入中的值。你可以这样做

然后编写一个onChangeHandler

onChangeHandler = (e) => {
 setState({limit: e.target.value})
}

了解更多有关受控组件的信息