react js中的多個輸入處理

沙努克

我想更新一個表單,以便我從後端獲取數據並在表單中顯示。我已經聲明了表單數據,例如

constructor()
    {
        super()
        this.state={
          organization:[],
          options:["IT service", "Design"],
          loading:true,
          modalIsOpen: false,
          formData:{
            org_name:'',
            org_code:'',
            org_type:'',
            org_category:'',
            org_location:'',
            org_registration:'',
        }
         
        }

然後我的handleinput函數

handleInputs = (e) => {
      this.setState ({
        formData:{
        [e.target.name]:e.target.value
        }
       });
    }

和我的更新網址

 updateOrganization = async(e) =>
      {
       const org_id= 
        e.preventDefault();
       const res=await axios.put('http://localhost:8000/api/update_organization',this.state.formData);
       
      }

但是有六個輸入字段,但是當我嘗試提交表單時,我只有一個輸入。我是反應 js 的新手。請幫助我

盧卡·皮齊尼

嘗試handleInputs像這樣改變你的功能:

handleInputs = (e) => {
  this.setState({
    formData: {
      ...this.state.formData,
      [e.target.name]: e.target.value,
    },
  });
};

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何有條件地禁用輸入取決於“React-hook-form”中的另一個輸入值?

python中的多個輸入

React js useReducer 鉤子在表單控制輸入中

從多個輸入計數的 JS 函數

在 C 中接受多個用戶輸入

如何讓 <select> 字段根據 React 中另一個 <select> 字段的輸入動態更改?

Javascript表單中的多個輸入

如何在 R 中創建一個包含 n 個用戶輸入對象(即 `...` )的列表來處理不存在的對象?

在反應中處理多個帳戶

使用 Openweather Api 處理 react fetch

如何在 React 中輸入格式化模板

在 React 組件的文本輸入中放置一個圖標

React Custom Hooks - 處理錯誤

如何在 React JS 中處理組單選按鈕 - 功能組件

Mqtt.js 如何處理多個主題

在 AVR 中處理多個 PCINT 的最佳方法

循環處理多個數據幀並分別輸出pandas

無法在 React 的文本字段中輸入文本

提交處理程序,React Axios:在同一個處理程序中發布和獲取

從 React 中的兩個輸入字段創建一個數組

如何在沒有定義輸入類型的情況下處理函數中的多個輸入

根據 React JS 中的 selectedButton 更改輸入掩碼

ApolloClient - 使用不同的輸入/變量運行多個異步請求 - 類似於 React-Query 的 useQueries

React 設置多個 defaultValue 來測試輸入

React Formik 中的動態輸入字段

如何從 React 類組件中的兩個動態表單獲取輸入數據?

如何將兩個參數傳遞給 React 中的自定義事件處理程序?

如何在 React 中處理 useState?

輸入每個字符後輸入文本不聚焦,但這似乎是 React 中的目標問題