React学习笔记(三)Hook

244 阅读1分钟

react.docschina.org/docs/hooks-… 官方文档

1. useState 等价于class xx extends Component

import React, { useState } from 'react';
// 声明一个count变量,初始为0 通过setCount()更新count
const [count, setCount] = useState(0);

2. useEffect 等价于生命周期

3. useRef

import React, { useRef } from 'react';
const searchFormRef = useRef();

// 获取搜索条件
const getSearchFormValue = () => {
    const {
      form: { getFieldsValue },
    } = searchFormRef.current.props;
    return getFieldsValue();
};

const { keyword, areaName } = getSearchFormValue();