объект, передаваемый как неопределенный в дочернем компоненте, реагирует

#javascript #reactjs #react-props

Вопрос:

Я пытаюсь передать объект в качестве реквизита, но я получаю его как неопределенный в дочернем компоненте. Если я попробую то же самое в codesandox, это сработает идеально. Есть какие-нибудь мысли?

Это пример:

Родительский компонент

 import TestPage from "pages/Test"; 

  const text = {
  crono: "crono",
  watch: "clock",
  start: "start",
  stop: "stop",
  split: "split",
  pause: "pause",
  clear: "clear",
};

export default function Base() {
 
  return (
    <section className="main-container">
      <TestPage text={text} />
    </section>
  );
} 
 

Дочерний компонент

 export default function Test({ text }) {
  console.log(text);
  return <h1>{text.split}</h1>;
}
 

вот полный проект

Комментарии:

1. Вы уверены, что ваша ошибка связана с этой частью вашей кодовой базы? Это прекрасно работает

2. Ваш проект на github отлично работает для меня и показывает split текст. Вы на правильной ветке ? А на корневом пути ?

3. Я, однако, за то, чтобы это проверить!.