1. ESLint
Cualquiera que haya utilizado el complemento sabe que Vscode
si no necesita deconstruir el valor, le recomendará que utilice la asignación de deconstrucción.
2. En el proyecto, 对象解构
el método más común que utilizo con más frecuencia es.
3. Este método de escritura es muy básico y todos los valores se pueden escribir así. De esta forma, la forma más sencilla de escribir es conforme a la react官方建议的写法和符合ESLint
especificación.
从this.state、this.props中取值
const listType = this.state.listType; // 一般写法
const {
listType,fileList,downloadTitle } = this.state;
const {
dispatch, registrationId } = this.props;
4 、
Deconstruir propiedades dinámicas
Ahora 对象解构中使用变量
, puede facilitar la operación de asignación de valor.
Escribe el valor de la variable en []
const {
[listType]: {
infoList } } = this.props;
El escenario de la aplicación también es muy simple de pensar,
- Puede controlar las variables de acuerdo con la situación, controlar de
infoList
dónde obtiene los valores y realizar escenarios más complejos.
Lodispatch
mismo se puede utilizar en
const {
keyword, typeId, state, listType } = this.state;
dispatch({
type: `${
listType}/getApplicationPageList`,
payload: {
.......
6. Sencillo y sencillo de compartir. Por favor corríjame si hay algún lugar inadecuado.