username state const [username, setUsername] = useState({ name: "", isValid: true, error_message: "start with a letter n allowed characters: a-z A-Z 0-9 - and _ ", }); handle username function function handleUsername(e) { const regexp = new RegExp(/[a-zA-Z][a-zA-Z0-9-_]{5,32}/gi); const name…
I'm new whit React. I have always the message on the browser that "Each child in a list should have a unique "key" prop". I'm working with components and Bootstrap. I tried in different ways to past the API key={values.id}…
I am using React Toastify in my React.js file where i want to display a toast message that user successfully added. Therefore I used API to send the data to add in my database using Spring Boot which is working…
I downloaded a project from codesandbox. Its folder structure and index file looks as following: index.js file: const { StrictMode } = require("react"); const ReactDOM=require("react-dom") ; const App = require("./App") const rootElement = document.getElementById("root"); ReactDOM.render( <StrictMode> <App /> </StrictMode>, rootElement…
i am begineer of react js.i am creating simple react inventory.it consist of GR and KR Calculation.i have done design well not when i enter the qty and select gr or kr i didn't get any outputs. what i tried…
Here in Image you can see the error and the code i've tried.Server Error TypeError: Cannot read properties of undefined (reading 'map') This error happened while generating the page. Any console logs will be displayed in the terminal window. here…
I have a handleClick() function which updates the state of a component. handleClick = () => { let temp_map = new Map(); temp_map.set('left', null); temp_map.set('bottom',null); temp_map.set('right', null); temp_map.set('top', null); var dots = Array(75).fill(temp_map); // dots[24]['left'] = 23; console.log(dots[23]) dots[24].set('left', 23);…
I'm working on a blog and on the top right corner I want the user to be able to set their own display name. I have it so there's an input in place so the user can set a display…
I want to render component based on props. These props will also have to pass with useLazyQuery() hook to generate dynamic URL and view data. If I pass only credentials, the generated data is fine. But when I am trying…
when the user logs in I can get the following Json data. Json { "hubs": [ "111.com", "222.com", "333.com", } The section of code below console.log(response.data.hubs[0]) console.log(response.data.hubs[1]) console.log(response.data.hubs[2]) I can see the URL like "111.com", "222.com", "333.com", in console. However,…