react面试，react复习

1.export default class App extends Component<Props> 与 export default class App extends React.Component 写法的区别

component和react.component与react包是同一个类，只在导入时有所不同。如下

import React from 'react';
export default class App extends React.Component

import React, { Component } from 'react';
export default class App extends Component

2. React class & function component 的区别

one：区别

①function component 没有state状态,所以也叫无状态组件，②function component没有生命周期，因为所有的生命周期都是继承React.Component;

two：为啥使用function comonent的原因

①function component 更容易编写阅读和测试，②代码少容易上手，③因为没有状态，可以更好的实现容器和表现的分离，可以只负责表现层的逻辑，不用考虑因为复杂的逻辑去改变状态从而带来的麻烦，有利于代码复用，④react团队提倡使用

three：为啥用React.Commponent的原因（class component 还是不可替代的原因）

①当需要实现一些容器组件的时候，需要改变内部状态来实现自组件的改变的时候，②当需要用到生命周期钩子函数实现一些功能的时候，③我们需要提升性能时，继承React.PureComponent 类，自动调用shouldComponentUpdate等得时候

3. antd + react实现表单有警告

解决办法：去掉下面的红色代码即可，