Tag: reactjs

How to filter array of object value and update the values using useState in React JS

I have a array of object Filter and Update I am trying to filter the object by values where required === true and value.length === 0 and update the filtered array values like helperText = “Enter the ” + label and error = true Answer The validate function should be, this will also take care of reverting the error back

Table inside Card.Body overflows in react-bootstrap

bootstrap-5 javascript react-bootstrap reactjs typescript

I am trying to create responsive table with space for a row details section inside a card using react bootstrap. I have coloured the different sections in different colours so it is easier to see what is going on. For some reason the card body overflows the card by a little. If I remove the Card.Body height it becomes even

boostrap collapse is not working in my react app

bootstrap-4 css javascript react-bootstrap reactjs

bootstrap collapse is not working in my react app . i want the collapse functionality in my app it is not working in my reactapp. i think bootstrap classes are working but bootstrap onclick is not working codesandbox code codesandboxlink bootstrap code bootstrap link solve this problem Answer you have to insall three dependencies in your app bootstrap jquery @popperjs/core

How to perform React state update after a form submission and API fetch

fetch-api javascript promise reactjs setstate

I have React class component called SearchLocationForm.js which is a child of App.js. Inside of the SearchLocationForm.js I have this code below I am trying to figure out how I can use the setState() method to update the component state with the API response, and afterwards lift that up to the App.js component in order to make subsequent calls. I

Converting Input Tag to Camel Case at Runtime

javascript react-redux reactjs yup

I am using React with Formik & Yup , currently I have a input field which is as f I have the Yup logic as which is working when I manually write it but my requirement is that if I write at run time only it should covert to Camel case for Example abhimanu singh -> Abhimanu Singh Abhi Raj

React JS Upload Image when user pastes an Image

frontend javascript reactjs

I am developing a chat application on React JS, and I want an image to be uploaded if I copy paste an image on the chatbox. How do I trigger this? What I need basically is: An event that will be triggered when action “Paste” is performed. A way to upload image into a file type input element from the

React: Filter table data with multiple column values

javascript reactjs

I have the following an array object data. I wanted to filter it’s data when a user provide either title, category or published values from an input. I can only filter the data only with title value. How can I make it to category and published values as well? here is my code. ` Answer You can add “or” conditions

How to get rid of ? in the URL when passing data via link component in next.js?

javascript next.js reactjs

I am passing data via link component like this: And getting this URL http://localhost:3000/this-is-a-title?id=630f3c32c1 Is there any other way to do the same but get rid of that ? and everything after it for better SEO? Answer You could build your path like so: or any other format that works in your case e.g. With React Router Dom you should

How to use redux state data in a link?

javascript reactjs redux

I am new to redux and reactjs. I am trying to use a state data called type in the link I am fetching using axios in line no 17. I am setting the value of type from another .jsx file using dispatch(). Here in Home.jsx file I am calling dispatch in line no 24 for updating the state value type