为什么有人想要将函数转换为反应js中的类

时间:2017-10-09 10:03:25

标签: javascript function reactjs class clock

我刚开始从官方网站学习反应js,教程中有这一步,为了制作一个工作时钟,你将一个函数变成了一个类。我的问题是,既然可以用更简单的方式完成,为什么有人这样做呢?

1 个答案:

答案 0 :(得分:1)

如果您想要访问React.Componentpropslife cycle methodsstatemuch more等所有ref功能,需要来自extend的{​​{1}} 您只能使用React.Componentclass

来执行此操作

修改

  

只有一件事,你可以访问道具,宣称一个功能

实际上并非如此,无状态组件只是返回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;
&#13;
&#13;