Обновление DOM после нажатия кнопки в React‑компоненте

Необходимо предсказать, как изменится содержимое DOM, когда пользователь кликнет по кнопке. Учтите состояние, управляемое хуком useState, и обработчик события onClick.

import React, { useState } from 'react';

function SimpleButton(props) {
  const [text, setText] = useState(props.text || 'a');
  const doubleText = () => {
    setText(text + text);
  }

  return (
    <button onClick={doubleText}>
      {text}
    </button>
  );
}