shouldhide 你設(shè)置為false后，渲染的是if里面的數(shù)據(jù)，if里面沒有ref

你用 state 上的 shouldhide 判斷顯示不同部分。

當(dāng) shouldhide 為 true 時(shí)，是不顯示后半部分的。所以你取不到 this.refs.test 的。

還有，如果想在調(diào)用 setState 后就做一些跟 state 相關(guān)的操作時(shí)，應(yīng)該等 setState 結(jié)束之后再做。

由于 setState 是一個(gè)異步操作，所以不能按圖上同步操作，應(yīng)該像下面這樣：

this.setState({
  shouldhide: true
}, () => {
  console.log(this.refs.test)
})

而實(shí)際上，只有當(dāng) shouldhide 為 false 時(shí)，你才能取到 this.refs.test。

把 BasicEdit 修改成下面這樣試試：

BasicEdit = () => {
    this.setState({
        shouldhide: true
    }, () => {
        setTimeout(() => {
            console.log(this.refs.test)
        }, 500)
    })
}