In my app, SearchParams.tsx is a form that gets the apiResponse from the parent and uses entries in this response to set options for it's select/dropdown menus for the user to then choose from. I have a lot of states…
I'm developing a React application and I'm encountering an error when using the useLocation hook from the react-router-dom library. The error message I receive is: Error: useLocation() may be used only in the context of a component. Here is the…
I have useEffect that executes the request when changing dependences (department and two dates field). useEffect(() => { getFilteredRestReport({ date_start: formatDatePatchPoint(date[0]), date_end: formatDatePatchPoint(date[1]), department, }); }, [date, department]) When I make a request with an empty department, the request takes…
I have an array of items which represents an image with each item containing image data& metadata such as the unique key and the image link. My goal is to display the list of images on screen and whenever I…
I am using an array and useState() to fetch the data from the firebase database. The array is initially empty. However after I recieve the data from the firebase after its initial loading and try to forward the data to…
I'm having issues sorting a datatable with prime react on the Date column. Here is my code <Column field="Date" header="Date" sortable={true} body={(rowData: any) => formatDate(rowData.Date)} /> And this is the function that creates a new date instance: export const formatDate…
I know how to pass data from parent component to child component but how can i pass data to an independent component ? for example suppose to we have a component with this name : Test in Test component we…
I am trying to implement pagination for components named "Shop", Contact and Cart using react-router-dom. To store the URL paths I have used an array. A state variable is used as an array index to retrive specific paths. useRef is…
using React I've been able to update a value of an object stored in the parent component from a onChange() made in a child component. However I'm trying to do the same with a component that is created from a…
I have the following useEffect hook in a react component that fetches data from a api. http is an axios instance. I have a react use State hook const [inputsData, setInputsData] = useState(false);. useEffect(() => { if (active.id) { http.get(`/stock/${title}/${active.id}`).then((response)…