Reactjs：如何在同一个组件中从一个渲染器访问变量到另一个渲染器

Question

我在一个渲染函数中有一个在map中定义的变量。我想在不同的渲染中访问相同的变量。像这样：

renderFunc1() {
  return(
  <div>
     {
        this.arr.map(list){....} 
     } 
  </div>
 )
}

renderFunc2() {
 <textarea defaultValue={list} />
} 

Answer 1

我不确定你为什么会这样，但这样的结构对我来说最有意义：

    const ListComponent = () => 
      <div>
         {
            this.arr.map(list){....} 
         } 
      </div>


    renderFunc1() {
     return this.ListComponent
    } 

    renderFunc2() {
     <SomeWrapper List={this.ListComponent} />
    }