我刚开始从官方网站学习反应js,教程中有这一步,为了制作一个工作时钟,你将一个函数变成了一个类。我的问题是,既然可以用更简单的方式完成,为什么有人这样做呢?
答案 0 :(得分:1)
如果您想要访问React.Component
和props
,life cycle methods,state
和much more等所有ref
功能,需要来自extend
的{{1}}
您只能使用React.Component
(class
)
修改
只有一件事,你可以访问道具,宣称一个功能
实际上并非如此,无状态组件只是返回ES6
的函数。它们是接受参数的正常常规函数
我们有时会使用jsx
关键词作为参数作为习惯或惯例,但您可以使用您想要的任何关键词。
实施例:
props

const MyHeader = (myParams) => (
// no props here
<h2>{myParams.value}</h2>
);
class MyApp extends React.Component{
render(){
const {message} = this.props; // i get access to this.props as i extended React.Component
return(<MyHeader value={message} />);
}
}
ReactDOM.render(<MyApp message="Hello!" />, document.getElementById('root'));
&#13;