Ignite

你不知道的React

2017-11-22

这几天正在学习React,有空记录一下!
比如:

export和export default

一般我们在定义了一个组件之后,为了复用,需要将它导出以提供给其他页面使用。
组件导出的关键字是:

exprot default

没有加default时,例如:

export class Template{}

当然,你可以在单个js文件里声明多个组件,例如Templates.js

export class Template{}
export class AnotherTemplate{}

这样在其他文件引用时,需要使用{}符号,且名称必须和class名称一样,like this:

import {Template,AnotherTemplate} from ‘./components/Templates’;

而加default时,例如:

export default class Template{}

然后在其他文件引用,像这样:

import Template from ‘./components/Templates’;

你也可以为这个组件另起一个别名,

import TheTemplate from ‘./components/Templates’;

但是每个文件里只能有一个default组件,可以包含其他非default组件:

export default class Template{}
export class AnotherTemplate{}

然后引用的时候,如下:

import Template,{AnotherTemplate} from ‘./components/Templates’;

总结:

  • 有default和没有default的区别在于:有default在引用时可以自定义名称,而没有default时需要使用{}括起来且名称必需和class名称一致
  • 每个文件里只能有一个default组件,但可以有多个非default组件

FormItem

使用initValue 属性的时候,需要在提交“弹出框表单时”(CollectionCreateForm)

用form.resetFields() 方法重置表单数据,

如果缺少的话,点击修改某条数据是会回显上次表单修改后的值。

Tags: React
使用支付宝打赏
使用微信打赏

若你觉得我的文章对你有帮助,欢迎点击上方按钮对我打赏

扫描二维码,分享此文章