Reactjs 在React.js中使用onClick在功能组件中隐藏按钮

Reactjs 在React.js中使用onClick在功能组件中隐藏按钮,reactjs,button,show-hide,react-functional-component,Reactjs,Button,Show Hide,React Functional Component,通过单击按钮我需要它隐藏de按钮所有这些使用功能组件onClick in React.js 您可以使用钩子创建一个本地状态,以便在重新渲染之间隐藏内容,并有条件地渲染内容,如下所示: import React, {useState} from 'react' export default function App() { const [hidden, setHidden] = useState(false); return ( <div className="App

通过单击按钮我需要它隐藏de按钮所有这些使用功能组件onClick in React.js


您可以使用钩子创建一个本地状态,以便在重新渲染之间隐藏内容,并有条件地渲染内容,如下所示:

import React, {useState} from 'react'
export default function App() {
const [hidden, setHidden] = useState(false);
  return (
     <div className="App">
      <h1>OnClick in the button show and hide</h1>
      {!hidden && <button onClick={() => setHidden(true)}>Click Me</button>}
    </div>
  );
}
import React,{useState}来自“React”
导出默认函数App(){
const[hidden,setHidden]=useState(false);
返回(
单击“显示和隐藏”按钮
{!hidden&&setHidden(true)}>单击我}
);
}

我相信OP只是想隐藏按钮。除此之外,所有的逻辑都是正确的solid@Robert在这种情况下,你为什么也隐藏文本?我误解了问题,更新了答案^