如何在react js中为每次点击按钮显示一个输入字段？

在React.js中，可以通过以下步骤为每次点击按钮显示一个输入字段：

1. 创建一个React组件，用于渲染按钮和输入字段。
2. 在组件的状态中添加一个变量，用于控制输入字段的显示与隐藏。
3. 在按钮的点击事件处理函数中，通过修改状态变量的值来切换输入字段的显示状态。
4. 在组件的render方法中，根据状态变量的值决定是否渲染输入字段。

下面是一个示例代码：

import React, { useState } from 'react';

const App = () => {
  const [showInput, setShowInput] = useState(false);
  
  const handleClick = () => {
    setShowInput(!showInput);
  };
  
  return (
    <div>
      <button onClick={handleClick}>点击显示输入字段</button>
      {showInput && <input type="text" />}
    </div>
  );
};

export default App;

在上述代码中，我们使用了React的Hooks API中的useState函数来创建了一个名为showInput的状态变量，并初始化为false。点击按钮时，调用handleClick函数来切换showInput的值，从而控制输入字段的显示与隐藏。在render方法中，使用条件渲染来决定是否渲染输入字段。

这个示例中没有提及具体的腾讯云产品，因为与问题无关。但你可以根据实际需求选择适合的腾讯云产品来支持你的React.js应用，例如腾讯云函数计算（SCF）用于处理后端逻辑、腾讯云数据库（TencentDB）用于存储数据等。你可以通过访问腾讯云官方网站（https://cloud.tencent.com/）来了解更多关于腾讯云的产品和服务。