我有一个函数 handleChange 执行功能的 reassignDispatcher 一旦值发生变化。
当它抛出错误时，我使用上下文api用错误消息更新错误状态。但问题是，第一次抛出错误时，即使失败也会显示成功，此时的错误状态包含消息。所以它基本上在状态更新之前显示成功消息（比如几毫秒）。下次我执行它时，它会工作，因为错误状态现在是with message。如何在显示消息之前等待错误状态更新。
handlechange函数
const handlechange=e=>{e.preventdefault（）；

let newDispatcherName =
        e.target.options[e.target.selectedIndex].getAttribute('name');

    reAssignDispatcher(
        {
            reference: orderReference,
            newDispatcherIdentity: e.target.value,
        },
        newDispatcherName
    )

    if (error !== null) {
        addToast(`${error}`, {
            appearance: 'info',
            autoDismiss: true,
        });
    } else {
        addToast(`Reassignment made successfully`, {
            appearance: 'success',
            autoDismiss: true,
        });
    }
};

<select name='dispatcherSelect' id='' onChange={handleChange}>
                        <option
                            name={dispatcher && dispatcher.name}
                            value={dispatcher && dispatcher.identity}
                        >
                            {dispatcher && dispatcher.name}
                        </option>
                        {dispatchers &&
                            dispatchers.map((dispatcher, key) => (
                                <option
                                    value={dispatcher && dispatcher.identity}
                                    key={key}
                                    name={dispatcher && dispatcher.name}
                                >
                                    {dispatcher.name}
                                </option>
                            ))}
                    </select>
                </td>```