получение ошибки Не удается прочитать свойство 'handleClick' из неопределенного при нажатии кнопки реагировать?

Question

Я пытаюсь вызвать функцию child из родительской функции. Но получаю эту ошибку при нажатии кнопки

Не удается прочитать свойство 'handleClick' из неопределенного

здесь мой код https://codesandbox.io/s/zen-cartwright-v5zqy

<button
    onClick={() => {
        messageRef.current.handleClick();
    }}
>

на самом деле я создаю модальное сообщение generic, которое я могу использовать везде. но я не могу вызвать компонентную функцию

Answer 1

Пожалуйста, измените строку # 7 на

const messageRef = useRef (null);

и строку № 21 на

ref = {messageRef}

Answer 2

Возможно, когда кнопка (или элемент с ref={messageRef}) визуализируется впервые - messageRef.current не определено.

Попробуйте обновить обработчик onClick до

messageRef.current && messageRef.current.handleClick();