Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

Cách tự động lấy giá trị thẻ và thêm số từ các đầu vào khác nhau bằng Reacjs

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-03 22:16:37 29 4
mua khóa gpt4 Nike

Tạo một Div trong đó tôi có label các yếu tố và đầu vào phần tử, tôi muốn trong mỗi phần tử div để thu được các giá trị nhãn khác nhau. Làm thế nào để tái sử dụng của tôi div thành phần thay vì viết lại cùng một mã.

Tôi đã thử tìm kiếm trong Stackoverflow và Google và không nhận được câu trả lời nào tốt hơn.

Ở đây tôi đã tạo một phần tử div chỉ chứa các phần tử nhãn và đầu vào và sau đó tôi có Ứng dụng.js Thành phần này được hiển thị trong tệp: Làm cách nào tôi có thể sử dụng lại cùng một mã/thành phần để tạo thêm 2 div với các giá trị thẻ khác nhau trong đó? Tôi có thể cộng các số từ các đầu vào khác nhau lại với nhau không (tôi lấy chúng từ các đầu vào thành phần khác nhau) Cảm ơn sự giúp đỡ của bạn!


import React, { Component } from 'react';
nhập './computer.css';

Hộp lớp mở rộng Thành phần {

    trạng thái = {
        đầu vàoMột: '',
        đầu vào hai: '',
        đầu vào ba: ''
    }


    getInputValue = (e) => {
        giá trị const = e.target.value;
        console.log('value: ', value);
        this.setState({
            inputOne: Số(e.target.value)
        });  

    }

    render() { 
        const { value } = this.props // phá hủy
        const {inputOne, inputtwo, inputtwo} = this.state

        return (
                

                    
                       {giá trị}
                    
                    <đầu vào="">
                    tên="văn bản" 
                    gõ="văn bản" 
                    onChange={this.getInputValue}
                    />                    
                


          );
    }
}

xuất các Hộp mặc định;

import React, { Component } from 'react';
nhập './App.css';
nhập Hộp từ './comComponents/computer';


Ứng dụng lớp mở rộng Thành phần {
  render(){
    return (
      

          
          
          
          
      

    );
  }
  }


xuất ứng dụng mặc định;

câu trả lời hay nhất

Bạn nên vượt qua một propTái sử dụng các thành phần của bạn. Như bạn nhận thấy, bạn đã sử dụng trạng thái thành phần cục bộ trong thành phần của mình như const {giá trị} = this.stateHãy thử cách tiếp cận tương tự nhưng sử dụng một cái gì đó như const {giá trị} = this.props Prop như vậy sau đó được chuyển vào cách sử dụng thành phần như



Điều đó hiệu quả. Hy vọng nó sẽ giúp bạn

Hãy nhớ rằng bạn có thể sử dụng bao nhiêu Props tùy thích và truy cập chúng theo cách tương tự như trên

Về javascript - Cách tự động lấy giá trị thẻ và thêm số từ các đầu vào khác nhau bằng Reacjs, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/56475242/

29 4 0
Bài viết khuyến nghị: opencv - Cài đặt OpenCV với conda từ kênh conda-forge có phiên bản 3.4.2 mặc dù trang web cho biết 4.11
Bài viết khuyến nghị: Kiểm soát web ASP.NET cho thanh tiến trình
Bài viết khuyến nghị: Làm cách nào để sử dụng Electron cho ứng dụng xử lý ảnh với Python ở phần phụ trợ?
Bài viết khuyến nghị: node.js - Làm cách nào để xử lý hàng đợi "song song" để giữ cho các quy trình bão hòa?
không gian vũ trụ
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress