I want to get the investments variable within the scope of another component… I have written the code down-bellow which is ok, but how can I get this const investment since I already exported the function InvestmentsList? How can that be done without resorting to useSelector() from react-redux? import React, { useEffect, useState } from ..
Category : use-state
I’m making my first app with react js I’m have been having problems to update the value in a state I have a contex to know if user is logged or not this is my contex component: import{createContext, useState} from ‘react’ export const AuthContext = createContext(); const AuthProvider = ({children}) => { let [user, setUser] ..
I have created a component inside my project: export default ({json}) =>{ const [quantProduto, setQuantProduto] = useState({ idprod: json.prod_id, amount: 0 }); const minusClick = () => { setQuantProduto(quantProduto.amount = quantProduto.amount – 1); console.log(json.prod_descricao+’ -> ‘+quantProduto.amount) } //I hid plusClick to simplify return( <Area> <Descricao numberOfLines={1}>{json.prod_descricao}</Descricao> <InputArea> <Button onPress={ minusClick }><ButtonText>-</ButtonText></Button> <Input keyboardType="numeric" >{quantProduto.amount}</Input> <Button><ButtonText ..
setter function using useState is not working inside an event listener function. visit sandbox: https://codesandbox.io/s/mystifying-austin-e9zgh click on search box, a suggestion dropdown will appear press down key, it will highlight the next item pressing down key again doesn’t works [issue], expected behavior: down key should point to next item Problem Statement: Develop a search suggestion ..
I’ve been working on learning React, and in doing so built a todo app using class components. Recently I have been working to make a copy of the todo app using functions and hooks instead of classes. Having refactored the code everything appears to be working correctly aside from one use case. CASE 1: When ..
I’m trying to sort an array of objects by property using a select dropdown in react. the data is defined in the parent container using the useState() hook, and I’m passing an onSortChange function down to the child select component, DataSelector. The data are displayed as a list by another component, DataList. Minimum example below ..
I am currently learning React Native and have come across some unintuitive behaviour. As far as I am aware, the useEffect hook can be used in such a way to determine the life-cycle of a component (i.e. when it mounts and dismounts). When I update the state within a component (in this case ‘ComponentX’), the ..
I have a catalogue type program for a school project – it pulls in a few arrays and concatenates the arrays with arrays created from user input. The only issue is that they state is always one behind so if you increase the counter to 5 and submit it will return 4 instead. Any ideas? ..
I am trying to open and close my Material UI <Menu /> by using React’s setState hook. I used this sandbox code as an example. My implementation doesn’t seem to close the menu however. Opening it works fine (using setAnchorEl(event.currentTarget)), but closing it using setAnchorEl(null) does not somehow. The function handleClose() runs (the console.log() prints ..
I use useState to change the amount of textarea: const [vancyValue , setVancyValue] = useState(”); When I change the value for the display, the actual value also changes. Does it make sense? Or I made a mistake somewhere. <teaxtarea id="Text1" cols="60" rows="5" placeholder="متن خود را وارد کنید!!" value={vancyValue.split(‘$%A’).join(‘…………..’)} onChange={(e) => handleChange(e)} /> note:I just want ..
Javascript Development Company
Recent Comments