I have this jsx <div className="row" > {data!== undefined && data.length !== 0 ? ( data.map((el) => ( <div className="col col-lg-2 col-md-6 g-3" key={el._id}> <div className="card"> <div className="card-body"> <p className="card-text fw-bold fs-5">{el.name}</p> </div> </div> </div> )) ) : ( <p>no…
I'm trying to achieve a basic design. I have one div container and want two containers inside that div: Container: takes the full width of the screen/parent Div 1: width of 200, centered inside the container. Div 2: width of…
I am using gorhom react-native-bottom-sheet. I need to show the shadowBox when user is swiping the bottom sheet up or down. How to do it and is it possible? For now I have set it to show on isOpen but…
i have a input field and slider which has range between 1 to 100. since i have toggle switches and drop downs i keep onChange events for each field instead of submit button including for slider also. but i am…
I am trying to get release year from release_date(passed as props) in react functional component ,but i am getting that the string is undefined . const Banner = ({ backdrop_path, poster_path ,title,release_date}) => { return ( <div className="bg-cover bg-center" style={{…
I'm new to react andI wanted to know if I can just store a value which changes for each render in a global variable. I know we use states so that the component renders after a change in state but…
const [showRegister, setShowRegister] = useState(false); const { register, handleSubmit, formState: { errors }, reset, } = useForm<FormSchemaType>({ resolver: zodResolver(formSchema), }); const handleFormSubmit: SubmitHandler<FormSchemaType> = (data) => { console.log("hello world"); if (showRegister === true) { handleRegister(data); console.log("registering data"); } else {…
I am trying to make a crud app but I am getting an error message "TypeError: console.log is not a function" at Query. (C:UsersLuis HernandezDesktopgaming-crudserverapp.js:30:25) [![enter image description here][1]][1] This happens every time I click the add button to add…
So Im trying to get the value from a button. This my button: <button className="toggle__btn" value={el._id} onClick={toggle} > <i className="fa-solid fa-circle-info fs-4"></i> </button> This my function: const toggle = (event) => { const id = event.target.value; console.log(id); }; The problem…
Can I disable Button in react when login user is member.I waant to disable without using disabled attribute.When I used disabled attribute,it can delete from developer tools and button is active again.Please help me I want button is disable when…