有状态和功能性无状态组件
Posted
技术标签:
【中文标题】有状态和功能性无状态组件【英文标题】:Stateful and Functional stateless components 【发布时间】:2018-09-29 10:48:47 【问题描述】:如何将无状态功能组件转换为有状态组件,以便像无状态组件一样使用生命周期方法并将道具传递给它。
( export default JobCard = (props) =>
............
)
我需要将其转换为有状态组件,以便使用生命周期方法并将 props 传递给返回函数,就像这里传递 props 的方式一样。提前谢谢你。
【问题讨论】:
【参考方案1】:你可以这样做:
export default class JobCard extends React.Component
render()
// here you can access props passing down from
// parent components like: this.props
return (
<div>
Hi, I'm a super smart component!
</div>
);
【讨论】:
谢谢。比如 let props = this.props ? @PremKumar 请参阅 facebook.github.io/react-native/docs/props.html 了解更多关于 props 如何在 react-native 中工作的信息 是的,你可以这样做。在无状态组件中,您可以访问props.name
之类的道具,在有状态组件中,您可以像 this.props.name
一样访问
@konekoya 谢谢以上是关于有状态和功能性无状态组件的主要内容,如果未能解决你的问题,请参考以下文章
当组件是无状态功能时,通过显示名称查找组件,使用 Enzyme
我有一个Component类,但是我得到这个`createAnimatedComponent`不支持无状态功能组件;使用类组件代替