React中的函数组件

最新推荐文章于 2024-03-23 19:17:19 发布

前端小超人rui

最新推荐文章于 2024-03-23 19:17:19 发布

阅读量492

点赞数 11

分类专栏： React 文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/qq_21087199/article/details/136165769

版权

React 专栏收录该内容

39 篇文章 0 订阅

订阅专栏

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'));