使用’ant.design’,报错:
Warning: `getFieldDecorator` will override `value`, so please don't set `value` directly and use `setFieldsValue` to set it.
报错代码
<Form.Item label="用户名" colon={false}>
<Col span={18}>
{getFieldDecorator('userName', {
initialValue: this.state.userName,
rules: [
{ required: true, message: '请输入用户名' },
{ message: '用户名必须是6-20个字符之间', min: 6, max: 20 },
],
})(
<Input
type="text"
placeholder="请输入用户名,只允许数字、字母、下划线 _"
maxLength={20}
value=""
/>,
)}
</Col>
</Form.Item>
原因
使用了getFieldDecorator
就不能再用value
直接赋值,去掉input
上的value=""
,问题解决
ant.design 4.x获取form表单的方式
ant.design v5 and 中如何在class中使用umijs的useModel调用initialState
react之ref提示:Using string literals in ref attributes is deprecated,不能使用字符串,怎么处理?
react不能在 render里设置state,也不能在componentWillReceiveProps里设置state,会导致性能问题。如果要通过属性改变state,怎么做呢?可以利用getDerivedStateFromProps生命周期函数
Next.js 是一个轻量级的 React 服务端渲染应用框架。
通过箭头函数或bind方式,对绑定事件传参
React Hot Loader是一个插件,允许React组件在不丢失状态的情况下进行实时重新加载。它适用于Webpack和其他支持热模块替换(HMR)和Babel插件的捆绑器
Warning: `getFieldDecorator` will override `value`, so please don't set `value` directly and use `setFieldsValue` to set it.
React 的核心思想是:封装组件。 各个组件维护自己的状态和 UI,当状态变更,自动重新渲染整个组件。 基于这种方式的一个直观感受就是我们不再需要不厌其烦地来回查找某个 DOM 元素,然后操作 DOM 去更改 UI