从React Context命名的导入无法正常工作

Question

这是我的上下文设置：

export const myContext = Rect.CreateContext({
  strings:[],
  addString(newString){
    this.strings.push(newString)
  }
})

在我的一个嵌套组件中，我试图执行以下操作：

class myComponent extends Component{
static contextType = myContext;

 myFunction(){
  const { addSting } = this.context ;

  addString('mystring'); //- this causes "TypeError: Cannot read property 'string' of undefined"

  this.context.addString('mystring'); //- this runs fine 
 }
}

为什么不指定addString就不能使用“ this.context”方法吗？

Answer 1

在解构时，您会丢失字符串中的“ r”

尝试

const {addString} = this.context