Tất cả câu hỏi

Đáp án đúng: "

<Route path="/user/:id" component={
  UserProfile
}
/>

". Trong React Router, dấu hai chấm đặt trước một đoạn đường dẫn đánh dấu tham số động: path="/user/:id" khớp /user/42 hay /user/abc và đưa giá trị đó vào match.params.id ở v5 hoặc useParams() ở v6. Prop component={UserProfile} là cú pháp v5 (v6 viết element), nhưng điểm được hỏi là dấu hai chấm. "

<Route path="/user/id" component={
  UserProfile
}
/>

" là đường dẫn tĩnh, chỉ khớp đúng chữ id. "

<Route path="/user?=id" component={
  UserProfile
}
/>

" dùng ký hiệu của chuỗi truy vấn; phần sau dấu hỏi không thuộc path nên không khai báo được tham số theo cách này. "

<Route path="/user={id}" component={
  UserProfile
}
/>

" đặt dấu bằng và ngoặc nhọn vào path, cú pháp đường dẫn không hiểu chúng là tham số mà coi như ký tự thường.

Đáp án đúng: "By using the .row and .col-*-* classes to create rows and columns.". Hệ lưới của Bootstrap gồm ba lớp: container bao ngoài, row tạo một hàng và col chia hàng thành tối đa 12 phần; dạng col-*-* ghép một mốc màn hình với số cột, ví dụ col-md-6 nghĩa là từ cỡ md trở lên chiếm 6 trên 12 phần, còn dưới cỡ đó thì cột xếp chồng, nên chỉ bằng tên lớp mà bố cục tự đáp ứng theo kích thước màn hình. "By using the <div class="grid"> element." sai vì hệ lưới mặc định của Bootstrap không dựa vào một phần tử grid; phải dùng row và col. "By applying the .responsive-grid class to the container element." sai vì Bootstrap không có lớp responsive-grid; tính đáp ứng đến từ các lớp col có mốc màn hình. "By manually specifying the width of each element using CSS." làm được nhưng là tự viết CSS chứ không dùng Bootstrap, lại phải tự viết media query cho từng mốc màn hình, đúng thứ hệ lưới đã làm sẵn.

Đáp án đúng: "

<Container> <Row> <Col xs={
  6
}
>2 of 3 (wider)</Col> </Row> </Container>

". Lưới của React-Bootstrap đi theo đúng thứ bậc của Bootstrap: Container ngoài cùng tạo khung căn lề và padding, Row bên trong tạo hàng flex và bù lề âm, rồi Col là ô cột nằm trong Row, chia hàng thành 12 phần; Col xs={6} chiếm sáu phần tức nửa hàng từ màn nhỏ nhất trở lên. Đoạn mã đúng giữ trọn thứ tự Container, Row, Col. Phương án có mảnh "(wider)</Col> </Container>" đảo ngược hai tầng ngoài, đặt Container trong Row nên cột không còn là con trực tiếp của hàng và lưới vỡ bố cục. Phương án "

<Row>
  <Container>
    <Column>1 of 3</Column>
  </Container>
</Row>

" vừa đảo tầng vừa dùng Column, một component không tồn tại trong React-Bootstrap (tên đúng là Col). Phương án có mảnh "

<Row xs={
  6
}
>2 of 3 (wider)</Row>

" đặt Row bên trong Column, sai cả tên component lẫn thứ bậc, và xs trên Row chỉ quy định số cột mỗi hàng chứ không đặt độ rộng ô như xs của Col.