Блог

Я столкнулся с проблемой, давайте представим, что у вас есть объект, который принимает компонент, затем этот компонент принимает весь объект в качестве ссылки в текущей ситуации после консоли.журнал показывает рекурсивные ссылки. Может быть, это нормальный случай, просто интересно, что как консоль.журнал хранит бесконечные ссылки. Он отображает данные после нажатия кнопки развернуть в инструменте проверки браузера.

Я добавил пример кода ниже. Существует также ссылка на приложение react.

   const SampleComponent = () => {
      const dynamicState = {
        component: <></>
      };
      return <A dynamicState={dynamicState} />;
    };
    
    interface AProps {
      dynamicState: {
        component: JSX.Element;
      };
    }
    
    const A = (props: AProps) => {
      const { dynamicState } = props;
      dynamicState.component = <B dynamicState={dynamicState} />;
      console.log(dynamicState);
      return <></>;
    };
    
    
    const B = (props: AProps) => {
      return <></>;
    };
 

Приставка.результат регистрации

 {component: {…}}
      component:
         $typeof: Symbol(react.element)
          key: null
             props:
             dynamicState:
              component:
                 $typeof: Symbol(react.element)
                 key: null
                 props:
                  dynamicState:
                             ....