Ví dụ đàn accordion React-Bootstrap với mũi tên
|
Bước 3. Sau khi tạo ứng dụng ReactJS, hãy cài đặt mô-đun cần thiết bằng lệnh sau npm install react-bootstrap npm install bootstrap Cấu trúc dự án. Nó sẽ giống như sau Cấu trúc dự án Ví dụ. Bây giờ hãy viết đoạn mã sau vào Ứng dụng. tập tin js. Ở đây, Ứng dụng là thành phần mặc định của chúng tôi, nơi chúng tôi đã viết mã của mình Ứng dụng. jscd foldername5 cd foldername6 cd foldername7 cd foldername8 cd foldername9 cd foldername7 cd foldername0 cd foldername1____12 cd foldername7 cd foldername4 cd foldername5 cd foldername7 cd foldername7____18____37 cd foldername0 npm install react-bootstrap npm install bootstrap1 npm install react-bootstrap npm install bootstrap2 npm install react-bootstrap npm install bootstrap3 npm install react-bootstrap npm install bootstrap4 npm install react-bootstrap npm install bootstrap5 npm install react-bootstrap npm install bootstrap6 npm install react-bootstrap npm install bootstrap7 npm install react-bootstrap npm install bootstrap8 npm install react-bootstrap npm install bootstrap9 cd foldername80 cd foldername81 cd foldername82 cd foldername83 cd foldername84 cd foldername85 cd foldername84 cd foldername87 cd foldername88 cd foldername89 cd foldername50 cd foldername51 cd foldername52 cd foldername53 cd foldername54 cd foldername55 cd foldername56 cd foldername57 cd foldername58 cd foldername59 cd foldername88 cd foldername89 cd foldername56 cd foldername63 cd foldername54 cd foldername65 cd foldername52 cd foldername67 cd foldername52 cd foldername69____188 cd foldername89 cd foldername54 cd foldername73 cd foldername74 cd foldername75 cd foldername54 cd foldername77 cd foldername52 cd foldername79 cd foldername50 cd foldername81 cd foldername84 cd foldername83 npm install react-bootstrap npm install bootstrap8 cd foldername85 npm install react-bootstrap npm install bootstrap5 cd foldername87 cd foldername88 Bước để chạy ứng dụng. Chạy ứng dụng bằng lệnh sau từ thư mục gốc của dự án Đàn accordion sử dụng sự sụp đổ bên trong để làm cho nó có thể thu gọn lại. Để hiển thị đàn accordion được mở rộng, hãy thêm lớp cd foldername6 vào lớp cd foldername7 Ví dụNhấp vào đàn accordion bên dưới để mở rộng/thu gọn nội dung đàn accordion Đây là thân đàn accordion của mặt hàng đầu tiên. Nó được hiển thị theo mặc định, cho đến khi plugin thu gọn thêm các lớp thích hợp mà chúng tôi sử dụng để tạo kiểu cho từng thành phần. Các lớp này kiểm soát giao diện tổng thể, cũng như hiển thị và ẩn thông qua chuyển tiếp CSS. Bạn có thể sửa đổi bất kỳ điều nào trong số này bằng CSS tùy chỉnh hoặc ghi đè các biến mặc định của chúng tôi. Cũng cần lưu ý rằng hầu như bất kỳ HTML nào cũng có thể xuất hiện trong cd foldername8, mặc dù quá trình chuyển đổi hạn chế tràn Đây là thân đàn accordion của vật phẩm thứ hai. Nó được ẩn theo mặc định, cho đến khi plugin thu gọn thêm các lớp thích hợp mà chúng tôi sử dụng để tạo kiểu cho từng phần tử. Các lớp này kiểm soát giao diện tổng thể, cũng như hiển thị và ẩn thông qua chuyển tiếp CSS. Bạn có thể sửa đổi bất kỳ điều nào trong số này bằng CSS tùy chỉnh hoặc ghi đè các biến mặc định của chúng tôi. Cũng cần lưu ý rằng gần như bất kỳ HTML nào cũng có thể xuất hiện trong cd foldername8, mặc dù quá trình chuyển đổi hạn chế tình trạng tràn Đây là thân đàn accordion của vật phẩm thứ ba. Nó được ẩn theo mặc định, cho đến khi plugin thu gọn thêm các lớp thích hợp mà chúng tôi sử dụng để tạo kiểu cho từng phần tử. Các lớp này kiểm soát giao diện tổng thể, cũng như hiển thị và ẩn thông qua chuyển tiếp CSS. Bạn có thể sửa đổi bất kỳ điều nào trong số này bằng CSS tùy chỉnh hoặc ghi đè các biến mặc định của chúng tôi. Cũng cần lưu ý rằng hầu như bất kỳ HTML nào cũng có thể xuất hiện trong cd foldername8, mặc dù quá trình chuyển đổi hạn chế tràn |
