React初级学习——5 组件&Props

组件
概念：上类似JS函数，接收任意入参，即props，返回展示页面内容的React元素
定义：function直接定义 或 es6 class定义 (自定义组件的名称必须以大写字母开头)

组件实例：

function Welcome (props) {
  return 
 Hi, {props.name} 
;
}
//组件定义
const element = ;
//组件调用
ReactDOM.render(
  element,
  document.getElementById("root")
)
//组件渲染

组合组件(组件嵌套)：

function Welcome (props) {
  return 
 Hi, {props.name} 
;
}
function App () {
  return 

    
    
    
}
const appEle = ;
ReactDOM.render(
  appEle,
  document.getElementById("app")
)

提取组件
将较复杂的组件拆分为小的可复用性强，显示内容聚焦于单一内容的小组件

Props是只读的