将组件反应到功能组件

Question

我想将其转换为 function 组件

这是使用 React 库，我相信我大部分都是正确的。 我认为这与 fetchDraftsTimer function 有关，但我不完全确定我缺少什么。

import React from 'react';

class MyComponent extends React.Component(props) {

    componentDidMount() {

        this.props.fetchDrafts()
        this.props.fetchHistory()

        this.fetchDraftsTimer = setInterval(() => {
            this.props.fetchDrafts();
        }, 120000);
    }

    render() {
        return null;
    }

}

我已经做到了

import React, { useEffect } from "react";

export default function MyComponent(props) {
  useEffect(() => {
    props.fetchDrafts;

    props.fetchHistory;

    setInterval(() => {
      props.fetchDrafts;
    }, 120000);

    return () => {
    };
  }, []);


  return null;
}

我错过了什么吗？ 显然，这两者都缺少一些逻辑。 请帮忙！

Answer 1

props.fetchHistory;
props.fetchDrafts;

您必须调用这些函数，就像在 class 组件中一样。 如果您想将此 function 本身传递给子组件，则只应该使用上述内容。

props.fetchHistory();
props.fetchDrafts();