react 函数式组件使用、传参

1、基于脚手架环境
2、function 首字母大写()
	{	
			return (jsx语法)
	}
3、使用:
	<首字母大写 />

4、传参:
	<首字母大写 键值对,变量需要{}解析 />
	
5、函数式组件接收
	function 首字母大写(props)
	{	
			return (jsx语法, {props.键名})
	}

代码示例:
index.js文件

port React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';

/*
jsx语法:
相当于js对象
let h1=

哈哈

也是jsx语法生成了一个对象 */
function Time(props) { return ( <div> <h1>当前时间:{props.date.toLocaleTimeString()}</h1> </div> ) } function sun() { ReactDOM.render(<Time date={new Date()}/>, document.getElementById('root')); } setInterval(sun,1000); serviceWorker.unregister();

你可能感兴趣的:(React进阶)