I have a Field in a Formik which needs a dynamic validation Schema: When a user selects a payment token, the minimum payment value must be dynamically changed for another input field. I used a state value and the "onChange"…
I have an array of objects which I want to loop through and reset the selected value for each item to false: // Amount data state const [amountData, setAmountData] = useState([ { id: 30, amount: (30000).toLocaleString(), selected: true, }, {…
I made a hook called useAxios where I get my token from the state and then use it to create an instance of Axios: export const useAxios = () => { const { userData } = useUser(); const customAxios =…
I have a problem in react js. I create empty Array of useState like this code : const [fileUploadName, setUploadFileName] = useState([]) I want push my my file atteched name into this array , this is my code : const…
I'm trying to create a simple macronutrient calculator in React which has multiple input fields that require the user to input numeric values in order to do some calculations. The current problem is that if the user fills the "grams"…
I have code below. // this is a function which pass to onClick props of a button const handleDialogClick = () => { setDialogOpen({ title: "Please Choose Language You Want", content: ( <TextField label="Text" select fullWidth InputLabelProps={{ shrink: true }}…
I have a table in React. The table gets data from the server. I need to do one thing when clicking on the field in the table. I have to update the information then. My table looks like this <div>…
In an app I am building a custom range slider. I have a state that maintains the current value and also a prop that is exposes a callback triggered on change of this internal state. Below is how I am…
I'm just trying to build a frontend builder React app. Everything goes as expected but not one. const [displayContent, setDisplayContent] = useState( props.contentInside.html ); <button onClick={() => { props.changeLanguage("HTML"); setDisplayContent(props.contentInside.html); }} > HTML </button> <button onClick={() => { props.changeLanguage("CSS"); setDisplayContent(props.contentInside.css);…
The component listens to the context. Each context update triggers a rerender. Can I stop listening to the context if I already got the right value? I want to stop further component update when this context changes For example const…