react点击按钮弹出文本框

你可以在react中使用state来实现点击按钮弹出文本框的功能。首先，在你的组件中定义一个state，用于控制文本框的显示和隐藏：

import React, { useState } from "react";

function MyComponent() {
  const [showInput, setShowInput] = useState(false);

  return (
    <div>
      <button onClick={() => setShowInput(true)}>点击打开文本框</button>
      {showInput && <input />}
    </div>
  );
}

export default MyComponent;

这里我们使用useState来定义showInput状态，并且初始值为false，表示文本框默认是隐藏的。当点击按钮时，我们调用setShowInput函数将showInput状态设置为true，这样文本框就会显示出来。

最后，我们使用条件渲染来判断是否显示文本框，如果showInput为true，则渲染input组件，否则不渲染。