React：Function Component

Component

component文件：Person.js;

import React from 'react';

const person = ()=>{
  return(
    <p>I Am a person!</p>
  )
};

export default person;

将component导入app的jsx中

import React from 'react';
import './App.css';
import Person from './Person/person';

function App() {
  return (
    <div className="App">
      <h1>Hi i am a React App!</h1>
      <p>It is working!</p>
      <Person />
    </div>
  );
  //return React.createElement('div',{className:'App'},React.createElement('h1',null,'Hi I\'m a React App'));
}

export default App;

自闭

<Person />

开+闭

<Person></Person>