search

Hướng dẫn react-bootstrap form submit get value - biểu mẫu phản ứng-bootstrap gửi nhận giá trị

Ngày đăng: 24/11/2022
Trả lời: 0
Lượt xem: 192
Age <--------- I want to get this value on submit ///////////////// {' '} ) }

Hướng dẫn react-bootstrap form submit get value - biểu mẫu phản ứng-bootstrap gửi nhận giá trị

Isherwood

55.3K16 Huy hiệu vàng108 Huy hiệu bạc150 Huy hiệu đồng16 gold badges108 silver badges150 bronze badges

Hỏi ngày 30 tháng 7 năm 2020 lúc 22:10Jul 30, 2020 at 22:10

Hướng dẫn react-bootstrap form submit get value - biểu mẫu phản ứng-bootstrap gửi nhận giá trị

0

Đó là bạn đã kiểm soát đầu vào và theo dõi giá trị của nó được lưu trữ trong trạng thái của bạn:

Một cách khác là có các đầu vào không được kiểm soát và truy cập FormData khi gửi:

Đã trả lời ngày 30 tháng 7 năm 2020 lúc 22:25Jul 30, 2020 at 22:25

Hướng dẫn react-bootstrap form submit get value - biểu mẫu phản ứng-bootstrap gửi nhận giá trị

Yevhen Horbunkovyevhen HorbunkovYevhen Horbunkov

Phù vàng 14,5K3 Huy hiệu vàng17 Huy hiệu đồng37 Huy hiệu Đồng3 gold badges17 silver badges37 bronze badges

5

Hướng dẫn react-bootstrap form submit get value - biểu mẫu phản ứng-bootstrap gửi nhận giá trị

React JS Nhận giá trị biểu mẫu Bootstrap khi gửi. Hướng dẫn hướng dẫn này sẽ giải thích cho bạn một cách chi tiết về cách nhận các giá trị biểu mẫu Bootstrap khi gửi trong ứng dụng React JS.

Đôi khi, bạn làm việc trong ứng dụng React JS và muốn nhận dữ liệu hoặc giá trị biểu mẫu trên biểu mẫu Gửi trong ứng dụng React JS. Vì vậy, trong ví dụ này hướng dẫn sẽ học từng bước về cách nhận các giá trị biểu mẫu Bootstrap khi gửi trong ứng dụng React JS.

Cách nhận giá trị biểu mẫu khi gửi trong React JS

Chỉ cần làm theo các bước sau đây và nhận các giá trị biểu mẫu Bootstrap khi gửi trong ứng dụng React JS .:

  • Bước 1 - Tạo ứng dụng React
  • Bước 2 - Thiết lập Bootstrap 4
  • Bước 3 - Tạo thành phần biểu mẫu
  • Bước 4 - Thêm thành phần vào App.js

Bước 1 - Tạo ứng dụng React

Bước 2 - Thiết lập Bootstrap 4

npx create-react-app react-axios-tutorial

Bước 3 - Tạo thành phần biểu mẫu

npm start

Bước 4 - Thêm thành phần vào App.js

Bước 2 - Thiết lập Bootstrap 4

Bước 3 - Tạo thành phần biểu mẫu

npm install bootstrap --save

Bước 4 - Thêm thành phần vào App.jsbootstrap.min.css file in src/App.js file:

import React from 'react';
import '../node_modules/bootstrap/dist/css/bootstrap.min.css';

function App() {
  return (
    

      
How to Get Form Values On Submit in React JS

    

  );
}

export default App;

Bước 3 - Tạo thành phần biểu mẫu

Bước 4 - Thêm thành phần vào App.js

import React from 'react'
class SimpleForm extends React.Component{
constructor(){
super();
this.state = {
first_name:null,
last_name:null,
email:null,
city:null,
address:null,
gender:null,
hobbies:[]
}
this.handleInputChange = this.handleInputChange.bind(this);
}
handleInputChange(event) {
const target = event.target;
var value = target.value;
const name = target.name;
if(target.type === 'checkbox'){
if(target.checked){
this.state.hobbies[value] = value;   
}else{
this.state.hobbies.splice(value, 1);
}
}else{
this.setState({
[name]: value
});
}   
}
submit(){
console.warn(this.state)
}
render(){
return(










Register Form

Tôi đang cố gắng để có được giá trị của một đầu vào biểu mẫu bằng cách sử dụng phản ứng bootstrap. Quy trình tiêu chuẩn để có được giá trị biểu mẫu từ dạng phản ứng bootstrap trên một thành phần chức năng trong React là gì?

Show
export default function SpouseForm() {
  const dispatch = useContext(DispatchContext);

  return (