Questions tagged [reactstrap]
Inquiries about reactstrap, the feature-rich library for creating Bootstrap 5 (previously also used with Bootstrap 4) stateless React components.
I have created a nested menu, but I am facing an issue with it. Here is the structure: Parent_Menu Parent1 > Child_Menu1 > Child_Menu2 Parent2 Currently, when I click on, for example, Child_Menu1, I am redirected to the correct page ...
Having an issue with react-hook-form and reactstrap. The component List.jsx is causing trouble: import { useContext, useEffect } from "react"; import { ListContext, ADD_LIST } from '../providers/ShoppingListProvider'; import { Link } from "react- ...
I am currently trying to send a POST request using ReactJS and update data in a Mongo database with Spring Boot. Although I didn't encounter any errors during code compilation, I'm facing an issue where there is no output when attempting the POST ...
I am having difficulty using the bootstrap carousel multiple times on a single page. I have attempted to copy it as a new item numerous times, but I keep encountering errors. <CarouselItem onExiting={() => setAnimating(true)} onExited={() => ...
Recently upgraded to NextJS version 12 and I'm currently developing a small application. However, I've encountered an issue when trying to use a Col with a size of 0. Here is the JSX code snippet: <Container> <Row> <Col xs= ...
Currently, I am utilizing reactstrap to showcase a grid of movie posters. My goal is to have 5 items per row out of the total 20 items. Despite setting the column size as md={2} for each item, I always find leftover white space at the end of the row. I a ...
Currently, I am referring to the official documentation to implement a scenario where a NavItem is only displayed for screen sizes greater than sm. As per the guidelines provided in the documentation, I have included the following attributes: https://i ...
While working on my React course project, I encountered an issue with my faux shopping website. The error message that keeps popping up is: Parsing error: Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...& ...
I encountered an error while using reactstrap, bootstrap, and nextjs Server Error SyntaxError: The requested module 'react-popper' is expected to be of type CommonJS, which does not support named exports. CommonJS modules can be imported by importing the d ...
Currently, I am utilizing Reactstrap and have the desire to conceal my input element on mobile devices. I attempted to apply a className similar to what is used in Bootstrap, however, it seems that the className is not functioning properly. Is there an alt ...
Is there a way to keep the form elements inline while moving the submit button to a new line? import { Button, Form, Label, Input, Card, CardText, CardBody, CardTitle, Col, Badge } from 'reactstrap'; import { ...
Despite my extensive search efforts, I have found very limited documentation on how to make images within a ReactStrap carousel responsive to resizing. While the ReactStrap carousel itself is responsive, the images inside it do not resize accordingly. So ...
As a machine learning professional looking to enhance my frontend skills, I am curious about how to create list item bullets using a custom star bullet image. Could anyone please share a complete HTML/CSS example with me? Thank you in advance! ...
Currently, I am in search of a text field with multiple inputs like the one displayed here: https://i.stack.imgur.com/yGwzY.png As depicted in the image, the feature I require is the ability to add new text and save it by pressing enter. Can anyone advis ...
In my code, I have a dropdownList component with various DropdownItems: <Dropdown isOpen={this.state.dropdownOpen[3]} toggle={() => { this.toggle(3); }} > <DropdownToggle className="my-dropdown" car ...