reactjs - React 传递 const 函数
问题描述
我正在 App.js 中计算时间并将其传递给孩子以显示。我知道这没有任何意义,但我正在练习学习如何创建 const 并发送给孩子,然后从孩子那里接受并在页面上打印。这个例子有效,但我认为有比我在这里做的更好的方法,不是吗?
应用程序.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;
人.js
export default function Person({ Time }) {
return (
<span>
Time: {Time}
</span>
)
}
我也试着像下面这样发送它,它没有用。为什么?
<Person Time={Time} />
解决方案
如果你是通过 using 来做的<Person Time={Time} />
,那么你的 person 组件应该是这样的:
export default function Person({ Time }) {
return (
<span>
Time: <Time />
</span>
)
}
推荐阅读
- python - 没有中间累加器的异步get()?
- java - Springboot,如何记录和捕获beaninstantiationexception?
- python - 烧瓶不工作,在端口 5000 中显示错误
- java - 抛出检查的异常时,Jersey ResponseFilter 不执行
- algorithm - 如何迭代按位掩码的子集?
- python - Pandas RMSE Groupby 多个条件
- wordpress - 在 Wordpress 多站点中重命名单个博客/站点名称
- c# - 如何根据.Net中的条件将列表分配给变量
- python-3.x - 图像不会出现在 tkinter 的画布上
- symfony - 转储方法树枝返回 null 而不是我的对象