react定义函数式组件的代码如下
1_函数式组件
//1.创建函数式组件
function MyComponent(){
console.log(this); //此处的this是undefined,因为babel编译后开启了严格模式
//严格模式禁止自定义的函数中的this, 指向window
return 我是用函数定义的组件(适用于【简单组件】的定义)
}
//2.渲染组件到页面
ReactDOM.render(,document.getElementById('test'))
/*
执行了ReactDOM.render(.......之后,发生了什么?
1.React解析组件标签,找到了MyComponent组件。
2.发现组件是使用函数定义的,随后调用该函数,将返回的虚拟DOM转为真实DOM,随后呈现在页面中。
*/
定义函数式组件的注意事项 : 1.组件名字的首字母必须大写 2.函数必须有返回值 3.必须要写组件标签
显示如下: