javascript - 对象在子组件 React 中作为未定义传递

Question

我正在尝试将对象作为道具传递，但我在子组件中将其接收为未定义。如果我在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>;
}

这是完整的项目

标签： javascriptreactjsreact-props