reactjs React类组件转换为函数组件

bnl4lu3b  于 2023-01-25  发布在  React
关注(0)|答案(1)|浏览(142)

静态变量问题。
类组件像这样使用静态变量。

// component.js
<ProgressWindow messageSet={ProgressWindow.MESSAGE_FOR_REPORT} />
 
// ProgressWindow.js
class ProgressWindow extends React.Component {
  static  MESSAGE_FOR_REPORT = 'report';
  static MESSAGE_FOR_SETTING = 'setting';
}

我的任务是将静态变量转换为函数组件。
我需要在新函数ProgressWindow组件中获取messageSet值。
我怎么能?

q7solyqu

q7solyqu1#

试试这个

const ProgressWindow = (props) => {
    return (
        <div>{props.MESSAGE_FOR_REPORT}</div>
    );
};

ProgressWindow.MESSAGE_FOR_REPORT = 'report';
ProgressWindow.MESSAGE_FOR_SETTING = 'setting';

export default ProgressWindow;

功能组件中存在替代静态变量

ProgressWindow.MESSAGE_FOR_REPORT = 'report';
ProgressWindow.MESSAGE_FOR_SETTING = 'setting';

相关问题