import React from './react';
import ReactDOM from './react-dom';
/**
* 函数组件其实是一个函数,接收props,返回一个React元素
*/
function FunctionComponent(props){
let element = <h1><span>hello</span>,{props.name}</h1>;
console.log(element);
return element;
//return React.createElement("h1", null, "hello,", props.name);
}
//let element = <Welcome name="sanya"/>;
let element = React.createElement(FunctionComponent,{name:'sanya'});
console.log(element);
//实现render方法,把React元素变成真实的DOM元素插入页面root里
ReactDOM.render(element,document.getElementById('root'));
React中的函数组件
最新推荐文章于 2024-07-24 15:55:29 发布
本文介绍了如何在React中使用函数组件,通过接收props动态生成
摘要由CSDN通过智能技术生成