Именованный импорт из 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