我需要帮助。我正在尝试根据在react js的另一个页面中单击哪个选项来显示我的按钮的值。

import React, { useState } from 'react';

function YourComponent() {
  const [buttonValue, setButtonValue] = useState('');

  // 其他代码...

  return (
    <div>
      {/* 其他组件内容 */}
      <button>{buttonValue}</button>
    </div>
  );
}

import React from 'react';

function AnotherPage({ handleOptionClick }) {
  // 其他代码...

  return (
    <div>
      {/* 其他组件内容 */}
      <button onClick={() => handleOptionClick('选项A')}>选项A</button>
      <button onClick={() => handleOptionClick('选项B')}>选项B</button>
      <button onClick={() => handleOptionClick('选项C')}>选项C</button>
    </div>
  );
}

import React, { useState } from 'react';

function YourComponent() {
  const [buttonValue, setButtonValue] = useState('');

  const handleOptionClick = (option) => {
    setButtonValue(option);
  };

  // 其他代码...

  return (
    <div>
      {/* 其他组件内容 */}
      <AnotherPage handleOptionClick={handleOptionClick} />
      <button>{buttonValue}</button>
    </div>
  );
}