javascript - 如何在具有命名导出的文件中使用 React.memo()？

Question

我习惯了export default React.memo(SomeComponent);所以 React 可以内存我的组件。
但是在我使用命名导出的文件中。如何使用 React.memo() ?

export { React.memo(MainPostTopic), React.memo(MainPostSubtopic) };

上面的行不起作用。
示例文件

function MainPostTopic(props) {
  console.log('Rendering MainPostTopic...');
  return (
    <LS.Topic_H2 id={props.id}>
      {props.value}
    </LS.Topic_H2>
  );
}

function MainPostSubtopic(props) {
  console.log('Rendering MainPostSubtopic...');
  return (
    <LS.Subtopic_H3>
      {props.value}
    </LS.Subtopic_H3>
  );
}

export { MainPostTopic, MainPostSubtopic };

Answer 1

这就是我最终做的事情:

const MainPostTopic = React.memo(
  function MainPostTopic(props) {
    console.log('Rendering MainPostTopic...');
    return (
      ...
    );
  }
);

const MainPostSubtopic = React.memo(
  function MainPostSubtopic(props) {
    console.log('Rendering MainPostSubtopic...');
    return (
      ...
    );
  }
);

export { MainPostTopic, MainPostSubtopic };

我为函数和导出保留了相同的名称。