Я сталкиваюсь с небольшой проблемой в моем сценарии реакции, когда пытаюсь обновить контекст.
У меня есть кнопка, которая при нажатии на нее предполагает обновление контекста, но она работает только при втором нажатии:
Вот код моего компонента:
import React, { useContext } from 'react'
import axios from 'axios'
import { MdDelete } from 'react-icons/md'
import AppContext from '../../../../../../../context/AppContext'
const DeleteAttribute = (props) => {
const context = useContext(AppContext)
const handleClick = () => {
context.app.insertApiResponse('test')
console.log(context.app.lastApiResponse)
}
return (
<div className="item skr-flex row centered-v" onClick={ handleClick }>
<MdDelete className="skr-icon delete mr-s"/>
<span className="font-700">Supprimer</span>
</div>
)
}
export default DeleteAttribute
Я также пытался использовать Appcontext.Consumer
, но появляется тот же результат.
Я не понимаю, почему это работает только при втором нажатии на кнопку, и мне было бы очень полезно, если бы кто-то мог дать мне ответ.
Заранее спасибо!