ant.design 4.x获取form表单的方式
在函数组件中，使用useForm,
import { Modal, Form, Input, Button, Space } from 'antd';const [form] = Form.useForm();form.resetFields();<Form {...layout} form={form} name="form-ref" onFinish={onFinish}></Form>
在class组件中，使用createRef
import { FormInstance } from 'antd/lib/form';class Update extends Component {formRef = React.createRef<FormInstance>();...this.formRef.current.submit()<Form {...layout} ref={this.formRef} onFinish={this.onFinish} >...</Form>
版权声明：本站文章除特别声明外，均采用署名-非商业性使用-禁止演绎 4.0 国际 许可协议，如需转载，请注明出处
- ant.design 4.x获取form表单的方式
ant.design 4.x获取form表单的方式
- ant.design v5 and 中如何在class中使用umijs的useModel调用initialState
ant.design v5 and 中如何在class中使用umijs的useModel调用initialState
- 关于react的ref不能使用字符串，eslint提示:Using string literals in ref attributes is deprecated
react之ref提示：Using string literals in ref attributes is deprecated，不能使用字符串，怎么处理？
- react通过属于props改变子组件的状态state，利用getDerivedStateFromProps
react不能在 render里设置state,也不能在componentWillReceiveProps里设置state,会导致性能问题。如果要通过属性改变state,怎么做呢？可以利用getDerivedStateFromProps生命周期函数
- react服务器端渲染之--nextjs
Next.js 是一个轻量级的 React 服务端渲染应用框架。
- React的两种事件传参方式
通过箭头函数或bind方式，对绑定事件传参
- 利用react-hot-loader实现局部更新
React Hot Loader是一个插件，允许React组件在不丢失状态的情况下进行实时重新加载。它适用于Webpack和其他支持热模块替换（HMR）和Babel插件的捆绑器
- [Ant.design]Warning: `getFieldDecorator` will override `value`, so please don't set `value` directly and use `setFieldsValue` to set it.
Warning: `getFieldDecorator` will override `value`, so please don't set `value` directly and use `setFieldsValue` to set it.
- React资源、教程、案例
React 的核心思想是：封装组件。 各个组件维护自己的状态和 UI，当状态变更，自动重新渲染整个组件。 基于这种方式的一个直观感受就是我们不再需要不厌其烦地来回查找某个 DOM 元素，然后操作 DOM 去更改 UI