React原生按钮按下显示2个新按钮，并使其他内容不可点击

import React, { useState } from 'react';

const App = () => {
  const [showNewButtons, setShowNewButtons] = useState(false);
  const [disableContent, setDisableContent] = useState(false);

  const handleNativeButtonClick = () => {
    setShowNewButtons(true);
    setDisableContent(true);
  };

  const handleNewButtonClick = () => {
    // 执行相应的操作
  };

  return (
    <div>
      <button onClick={handleNativeButtonClick}>原生按钮</button>
      {showNewButtons && (
        <div>
          <button onClick={handleNewButtonClick}>新按钮1</button>
          <button onClick={handleNewButtonClick}>新按钮2</button>
        </div>
      )}
      <div>
        <p>其他内容</p>
        {/* 根据disableContent的值设置其他内容的可点击状态 */}
        <button disabled={disableContent}>其他按钮</button>
      </div>
    </div>
  );
};

export default App;