关于react的props你需要知道的一个简单方法

简介: 关于react的props你需要知道的一个简单方法
 //注意一点:函数名必须大写
function Clock(props) {
   return (
     <div>
      <h1>Hello, world!</h1>
       <h2>现在是 {props.date.toLocaleTimeString()}.</h2>//这里的toLocaleTimeStriing可以将date对象的时间部分转化成字符串
     </div>
   );
 }
 function tick() {
   ReactDOM.render(
     <Clock date={new Date()} />,
    document.getElementById('example')
   );
 }
 setInterval(tick, 1000);
相关文章
|
4月前
|
前端开发 JavaScript
react学习(13)props
react学习(13)props
|
5月前
|
前端开发
React函数式组件props的使用(六)
【8月更文挑战第14天】React函数式组件props的使用(六)
78 1
React函数式组件props的使用(六)
|
4月前
|
前端开发
学习react基础(2)_props、state和style的使用
本文介绍了React中组件间数据传递的方式,包括props和state的使用,以及如何在React组件中使用style样式。
46 0
|
4月前
|
前端开发
React添加路径别名alias、接受props默认值、并二次封装antd中Modal组件与使用
本文介绍了在React项目中如何添加路径别名alias以简化模块引入路径,设置组件props的默认值,以及如何二次封装Ant Design的Modal组件。文章还提供了具体的代码示例,包括配置Webpack的alias、设置defaultProps以及封装Modal组件的步骤和方法。
109 1
React添加路径别名alias、接受props默认值、并二次封装antd中Modal组件与使用
|
3月前
|
前端开发
|
3月前
|
Android开发
jmessage-react-plugin的正确引入方法
jmessage-react-plugin的正确引入方法
23 1
|
4月前
|
前端开发 JavaScript 开发者
请详细介绍React挂载阶段的方法。
请详细介绍React挂载阶段的方法。
68 9
|
4月前
|
前端开发
react学习(15)函数式组件中使用props
react学习(15)函数式组件中使用props
|
3月前
|
前端开发 JavaScript CDN
React Props
10月更文挑战第8天
25 0
|
4月前
|
前端开发
react学习(14)类式组件的构造器与props
react学习(14)类式组件的构造器与props