Question

我正在App.js中计算时间，并将时间传递给孩子以进行显示。我知道这一切都没有道理，但是我正在练习学习如何创建const并将其发送给child然后从child接受并打印在页面上。这个例子可行，但我认为比我在这里做的更好的方法，不是吗？

App.js

const Time = () => {
  const dateBirth = moment('19010522', 'YYYYMMDD')
  const dateNow = moment()
  const difference = dateNow.diff(dateBirth, "years")
  return (
    <div>{difference}</div>
  )
}

class App extends Component {
  render() {
    const date = <Time />;
    return (
      <div>
        <Person Time={date} />
      </div>
    );
  }
}

export default App;

Person.js

export default function Person({ Time }) {
  return (
    <span>
        Time: {Time}
    </span>
  )
}

我也尝试像下面那样发送它，它没有用。为什么？

<Person Time={Time} />

Answer 1

如果您使用<Person Time={Time} />进行操作，则人员组件应如下所示：

export default function Person({ Time }) {
  return (
    <span>
        Time: <Time />
    </span>
  )
}

反应传递常量函数

1 个答案: