Which of the following is the correct way to render a React-Bootstrap Button with a primary style?

4 phương ánCó giải thích

Các phương án trả lời

Chọn một phương án
Lời giảiChọn phương án để mở

Đáp án đúng: "<Button variant="primary">Click Me</Button> ". React-Bootstrap cung cấp component Button, kiểu dáng được chọn qua prop variant với các giá trị như primary, secondary, success, danger, outline-primary; component tự sinh lớp btn btn-primary ở bên dưới. "

Lời giải
<Button className="btn btn-primary">Click Me</Button>

" vẫn ra màu primary vì Button mặc định đã có variant primary, nhưng viết lớp tay như vậy là cách của Bootstrap thuần, bỏ qua API của React-Bootstrap và lặp lớp. "

Lời giải
<button class="btn btn-primary">Click Me</button>

" là thẻ HTML thường, lại dùng class thay cho className nên React cảnh báo, không phải component React-Bootstrap. "<PrimaryButton>Click Me</PrimaryButton> " sai vì React-Bootstrap không có component nào tên PrimaryButton.

Cùng phần 3

Xuất hiện trong 1 bộ đề