If a component is rendered. I want to open a new tab. (window.open(url, "_blank")?.focus();) But (during development) this tab is opened twice because of the React.StrictMode. How can I prevent this from being called multiple times without disabling the StrictMode?…
I have created my react js application using vite. and i am using npm. I installed material ui and my package.json file has these packages: "dependencies": { "@emotion/react": "^11.10.6", "@emotion/styled": "^11.10.6", "@mui/material": "^5.11.15", "@mui/styled-engine-sc": "^5.11.11", "@mui/x-data-grid": "^6.0.3", when i run…
I am trying to do a multistep form, with a final form summarizing information that the user wrote in previous steps before they can submit. But when I write into inputs, it doesn't display anything even if the console returns…
From the client I send a GET request to the laravel API: axios .get( config.apiUrl + "/api/news", { params: { ids: ids } } ) .then((response) => { setNews([...news, ...response.data]); }) .catch((error) => { console.log(error); return false; }) ids -…
Sorry the title is not clear. I use React and Redux-toolkit. I immediately referenced the updated value in the useState set function, but I get the value before the update. I know that useState updates are not performed immediately. 1.What…
when i try to fetch response from api i got map is not a function error .but i declared state as array. Here's the code: function VendorListScreen(){ const [vendorsList,setVendorsList]=useState([]); const getVendors =()=>{ axios.get('http://127.0.0.1:8000/api/vendors/').then((res)=>{ setVendorsList(res.data) }) } <h1>Vendor</h1> <button onClick={getVendors}>get</button> {vendorsList.map(vendor=>{…
The "renderValue" function is not working. I want to give the Select dropdown a custom placeholder but it doesn't work. Here's the Select component: <Select className={classNames({ error: !!error })} labelId={name} id={name} value={multiple ? value || [] : value} disabled={disabled} multiple={multiple}…
I'm using React and Tailwind, I want to achieve this : So I added a border on both button + and -, and I added a border on the parent div to display a border on all the element. Problem…
I am reading the latest official react docs, https://react.dev/learn/preserving-and-resetting-state. There is one concept which i could not understand and hope someone could help. The doc mentions React keeps state for as long as the same component is rendered at the…
this is the array- months = [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December", ]; now, I want to store 3 months' names in an array- like p = ["march", "feb", "jan"] but this code…