Tạo Chương trình Bảng đánh dấu trong React JS, Chương trình Bảng đánh dấu REACT JS bằng cách sử dụng thành phần được kiểm soát
WAP để tạo bảng điểm sử dụng năm môn học khác nhau với các điều kiện sau?
1] tất cả điểm môn học phải từ 0 đến 100?
2 .
3] Nếu điểm của tất cả các môn học đều>33 thì học sinh đạt và hiển thị phép chia với tỷ lệ phần trăm?
4] nếu điểm tối thiểu của hai môn học là
5] nếu học sinh đủ điểm và điểm >28 thì sẽ được cộng thêm 5 điểm thì học sinh đó sẽ đậu bằng ân và tên môn học ân.
6] hiển thị tên chủ đề phân biệt
7] hiển thị tên chủ đề bổ sung
Giải pháp của chương trình Marksheet trong React. -
Mã của MarkSheet. js
nhập Phản ứng từ "react";
xuất lớp Bảng điểm extends React.Thành phần
{
hàm tạo []
{
siêu [];
cái này . trạng thái = { m1. '' , m2. '' , m3. '' , m4. '' , m5. '' , res. '' }
cái này . handleSubmit1 = this . handleSubmit1 . ràng buộc [ này ];
cái này . handleSubmit2 = this . handleSubmit2 . ràng buộc [ này ];
cái này . handleSubmit3 = this . handleSubmit3 . ràng buộc [ này ];
cái này . handleSubmit4 = this . handleSubmit4 . ràng buộc [ này ];
cái này . handleSubmit5 = this . xử lýSubmit5 . ràng buộc [ này ];
cái này . vết vôi = cái này . vết vôi . ràng buộc [ này ];
}
handleSubmit1 [ sự kiện ]
{
cái này . setState [{ m1. sự kiện . mục tiêu . giá trị }];
}
handleSubmit2 [ sự kiện ]
{
cái này . setState [{ m2. sự kiện . mục tiêu . giá trị }];
}
handleSubmit3 [ sự kiện ]
{
cái này . setState [{ m3. sự kiện . mục tiêu . giá trị }];
}
handleSubmit4 [ sự kiện ]
{
cái này . setState [{ m4. sự kiện . mục tiêu . giá trị }];
}
handleSubmit5 [ sự kiện ]
{
cái này . setState [{ m5. sự kiện . mục tiêu . giá trị }];
}
vết vôi [ sự kiện ]
{
var { m1 , m2,m3,m4,m5,res} = this.trạng thái ;
var c = 0;
var s = "";
var m1 = parseInt[m1];
var m2 = parseInt[m2];
var m3 = parseInt[m3];
var m4 = parseInt[m4];
var m5 = parseInt[m5];
if [[ m1 >= 0 && m1=0 && m2=0 && m3=0 && m4=0 && m5 33 && per