ReactJS - 如何将具有组合状态更新的副作用的类组件转换为功能组件

Question

我正在使用ftw-hourly并且特别是在这个文件上我想将它转换成一个功能组件（由于我需要使用 Mapbox 进行一些状态管理 - 我希望从Mapbox获取一个位置并填充表单输入包含从搜索中检索到的信息的字段）。但是，我在弄清楚getInitialValues将组件变成功能组件时应该做什么时遇到了一些问题。我的任务可以完成吗？

Answer 1

是功能组件没有方法的问题吗？如果是这样，您可以在其他函数（功能组件内的函数）中创建函数，如下所示：

import React from 'react';

const MyFunctionalComponent = (props) => {

    const getInitialValues = function(){

        ...rest of function...

    }

    return ( ... );

};

然后，您可以调用getInitialValues()instead of this.getInitialValues(), and propsinstead ofthis.props