如何更改工具栏按钮中的文本？

import React, { useState } from 'react';

function Toolbar() {
  const [buttonText, setButtonText] = useState('原始文本');

  const handleButtonClick = () => {
    setButtonText('新文本');
  };

  return (
    <div>
      <button onClick={handleButtonClick}>{buttonText}</button>
    </div>
  );
}

<button (click)="buttonText = '新文本'">{{ buttonText }}</button>

<template>
  <div>
    <button @click="buttonText = '新文本'">{{ buttonText }}</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      buttonText: '原始文本'
    };
  }
};
</script>