Как установить displayName в компонент React без сохранения состояния с помощью memo?

Question

Это пример реализации компонента без сохранения состояния:

import React, { memo } from 'react';

const Create = memo(props => {
    return <div id={props.id}>CREATE TEST</div>;
});

Create.displayName = "Create";

export default Create;

В React Developer Tools на Chrome отображается как анонимный компонент (выделенная строка):

введите описание изображения здесь

Answer 1

Вы можете использовать Object.assign:

const Create = memo(
  Object.assign(props => {
    return <div id={props.id}>CREATE TEST</div>;
  }, { displayName: 'Create' } )
)

Вы также можете посмотреть эту проблему , вы можете использовать любые обходные решения, если вышеуказанное решение вам не помогает.