反应 Class 组件隐藏到 function 组件

Question

问题是 static 变量。

class 组件像这样使用 static 变量。

// 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';
}

我的任务是将 static 变量转换为 function 组件。

我需要在新的 function ProgressWindow 组件中获取 messageSet 值。

我怎么能够？

Answer 1

尝试这个

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

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

export default ProgressWindow;

功能组件中有替代变量 static

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