Back

reactjs - 3. 根据react component 新增页面的内容

发布时间: 2023-07-31 13:44:00

refer to:

https://legacy.reactjs.org/docs/state-and-lifecycle.html

新增该文件的内容为：

import React from 'react';
class Excel extends React.Component {
  constructor(props){
    super(props);
    this.state = {date: new Date()};
  }
  componentDidMount(){}
  componentWillUnmount(){}
  render(){
    return (
      <div>
        <p> hihihi , now: {this.state.date.toLocaleTimeString()} </p>
      </div>
    );
  }
}


export default Excel

上面代码中，声明了一个react componenet, 可以在其他（index.js)中引用和使用。 

截图如下所示：

就可以看到结果了

Back