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

时间:2020-07-21 14:27:46

标签: javascript reactjs

我正在使用ftw-hourly,特别是on this file,我想将其转换为功能组件(由于我需要对Mapbox进行某些状态管理-我希望获得一个位置从Mapbox中提取,并使用从搜索中检索到的信息填充表单输入字段。

但是,在将组件转换为功能组件时,我在解决getInitialValues方面遇到了一些问题。

我的任务可以实现吗?

1 个答案:

答案 0 :(得分:1)

功能组件没有方法的问题吗?如果是这样,您可以在其他函数(功能组件内部的函数)内部创建函数,如下所示:

import React from 'react';

const MyFunctionalComponent = (props) => {

    const getInitialValues = function(){
        ...rest of function...
    }

    return ( ... );
};

然后,您可以调用getInitialValues()而不是this.getInitialValues(),也可以调用props而不是this.props