第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

react聲明組件

react聲明組件

紅糖糍粑 2019-03-20 21:19:39
學(xué)redux的時(shí)候看到文檔是這樣聲明組件的,難道不是要繼承Component嗎import React from 'react'import Footer from './Footer'import AddTodo from '../containers/AddTodo'import VisibleTodoList from '../containers/VisibleTodoList'const App = () => (  <div>    <AddTodo />    <VisibleTodoList />    <Footer />  </div>)export default App還有一個(gè)小問(wèn)題是components和containers到底啥區(qū)別呀--------------------補(bǔ)充----------------------我看他的容器也是這樣定義組件的,那他是不是也是沒(méi)有生命周期的組件import React from 'react'import { connect } from 'react-redux'import { addTodo } from '../actions'const AddTodo = ({ dispatch }) => {  let input  return (    <div>      <form onSubmit={e => {        e.preventDefault()        if (!input.value.trim()) {          return        }        dispatch(addTodo(input.value))        input.value = ''      }}>        <input ref={node => input = node} />        <button type="submit">          Add Todo        </button>      </form>    </div>  )}export default connect()(AddTodo)然后他的export default connect()(AddTodo)是啥意思
查看完整描述

1 回答

?
一只甜甜圈

TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超5個(gè)贊

1.這就是函數(shù)式組件,沒(méi)有生命周期的純組件,繼承components的組件有生命周期和內(nèi)部的state
2.components和containers都是react的組件,只不過(guò)這里的components一般指純組件,就是沒(méi)有內(nèi)部state。頁(yè)面展示的數(shù)據(jù)都是來(lái)源于父組件,也就是containers組件,containers會(huì)處理復(fù)雜的邏輯和數(shù)據(jù)處理,通過(guò)props把數(shù)據(jù)傳遞給子組件。一個(gè)簡(jiǎn)單的例子。一個(gè)展示todolist的組件的containers負(fù)責(zé)通過(guò)ajax拿到todolist。傳遞給純展示的components組件

查看完整回答
反對(duì) 回復(fù) 2019-03-26
  • 1 回答
  • 0 關(guān)注
  • 360 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)