react- JSX & Component

JSX 全称JavaScript XML

JSX 和 HTML 标签没什么区别

JSX 本质上是JavaScript

JSX 是一种类似于XML语法的JS的扩展

<Select >

<select>

<li>

<ul>

ref

data

key

store

{ header }

<Header />

<header>

header()

import React from 'react'

have only one render

must extends React.Component

all of the above

<Hello name="World" />

<{this.state.name} />

<name Hello={this.props} />

<Hello = "World" />

const Hello = () => { <h1>Hi, there!<h1> }

const Hello = () => <h1>Hi, there!<h1>

React.render(<Hello />, document.getElementById('root'))

ReactDOM.render(<Hello />, document.getElementById('root'))

ReactDOM.render(Hello, document.getElementById('root'))

React.render(Hello, document.getElementById('root'))

props

Fragment

HOC

None of these