创建一个按钮，按下时会更改文本 TypeScript、React

【问题标题】：Creates a button that when pressed, changes the text-TypeScript, React创建一个按钮，按下时会更改文本 TypeScript、React
【发布时间】：2023-03-05 10:48:02
【问题描述】：

我是这种语言的新手，我找不到解决方案。这是我的代码：

{<a>Right now {order.status === 'full' ? 'x' : 'y'}</a>}

我想将文本更改为一个按钮，单击时会更改按钮的文本，并在再次单击后返回上一个文本，依此类推

谢谢。

【问题讨论】：

您能更详细地描述您的目标吗？另外，order 是什么？这是怎么定义的？
我的目标是创建订单系统。并且订单有每个订单的所有详细信息

标签： html css node.js typescript

【解决方案1】：

您应该使用 useState 钩子并更新点击时的文本，但更新 isFull 钩子的布尔状态。

您也可以从父对象传入状态，并将点击事件发送给父对象，以便在按钮和其他组件之间进行状态管理。

  import React, { useState } from "react";
  import "./button.scss";

  const [isFull, setIsFull] = useState(false);

  function toggleStatus() {
    setIsFull(!isFull);
  }

    function Button() {
      return (
        <button
          type="button"
          className='button'
          onClick={() => toggleStatus()}
        >
          {isFull ? "x" : "y"}
        </button>
      );
    }
    
    export default Button;

【讨论】：