如何在 MaterialTable EditField 组件中使用 State

如何解决如何在 MaterialTable EditField 组件中使用 State

我试图在材料表的 editComponent 中使用 this.state，但我无法让它工作。这是我的代码。任何想法我需要如何传递状态来编辑组件？请帮忙。

class App extends Component(){

   this.state = {
     textValue = "Hello"
   }

  render(){

   return <MaterialTable 
   ....
   components: {{ 
       EditField: props => (<div>
           <TextField value= {this.state.textValue}           
       </div>
      )
     }}
   />
  } 
}

解决方法

将您的 this.sate.textValue 存储在一个变量中并将其传递给 EditComponent。使用这种方式，可以避免绑定“this”关键字丢失

class App extends Component(){

   this.state = {
     textValue = "Hello"
   }

  render(){

   const { textValue } = this.state;

   return <MaterialTable 
   ....
   data: 
   components: {{ 
       EditField: props => (<div>
           <TextField value= {textValue}           
       </div>
      )
     }}
   />
  } 
}