I’m receiving the data where a lot of fields are null, and I have to populate something if the field is null. like in the below data As here, the transit_depart is null, I’m using the ternary operator to put something in return if the data is null like this ; This is working as expected but the pr…
Tag: reactjs
Avoid repeating params in stack navigation
I am building the auth part of the stack navigation for a react navigation app, and ended with something like thiss: Is there any way I can avoid adding the url initialParams everywhere and add it maybe to the stack group screen around? I tried to add it in the screenOptions prop in the stack group around, bu…
Refresh data through a new GET request – React Dropdown
I have this Dropdown Menu (done with MUI) which allows to choose the day value. When it changes, I’d like it to make a new GET request with the new parameter, but I don’t know how to do it as it uses useEffect. My function to fetch data My dropdown menu : Answer You can add day as dependency in
React make items swap in 2 list
I’m trying to make item swap in 2 array. There are 2 lists in the ui and the user select the items in the first list, then it should get removed from the 1st list and moved to 2nd list, where there are shown the selected items. The problem I got is that when I try to move the elements
Ensuring sensitive code is run only server-side with NextJS, where can such code be ran from?
I’m learning NextJS and I’m trying to determine how to layout my project with a clean architecture that’s also secure. However, I’m not sure about where to store code that contains potentially sensitive data (ie. connections to databases, accessing the file system, etc.). I’ve re…
React hook form how to check if mails are equal
I wonder how to check if 2 inputs are equal? I mean I want to do form validation in which I will check if first input is the same as second one. Anyone knows how to do it? If something is unclear feel free to ask 🙂 Answer Its quite simple. you get the values on onSubmit = (data) so
How to find out if the user has enter any value in the input field in react
How to find out if the user has enter any value in the input field in react. What I am trying to achieve is I would like to show a border around the card when the user enters the text/integer into one of the input fields inside that cards and does not click on the save button. So border should
How can i get the pinterest-like layout with tailwind and react?
i’m trying to get a pinterest-like layout but i cannot achieve it, Here is what i want : and here is what i get : Here is the div of the card : and here is the div that map all the card : i tried flex-wrap, i tried grid but it doesn’t work, where is my error please ?
How to use the default value attribute of a select tag
Now im working on a small task with a select tag like this I want to get the value on change. Here is my on change function and state Everything seems to work fine but when I log out the selected option first if I choose A for the first time I get undefined on the logs. If I choose
I can’t change the state of the input tag when click on submit button and when it’s empty of fill with text?
Here I built a form and I want, when I click on submit button if title part(input with id form-title) is empty border of the input gets a specific className but It doesn’t work I uploaded an image and specify the submit button and input of title My purpose is when I click on submit button the code must …