this is my first question in this forum. I hope I can describe my problem correctly. I have a state hook called persons: const [persons, setPersons] = useState([]) My goal is to re-render the "persons" array after making a PUT…
I am new in React and Next 13, I have a dropdown with some values mapped from the API and a table where data is also fetched from a different api. I want the selected project value of the dropdown…
I am trying to prevent re-render my child component <FyTable /> I have parent component called <TableCustomer /> this is parent component looks like import { columnDef_FilterCustomer, columnType_FilterCustomer, } from "./ColumnDef"; import { useDebounce } from "@uidotdev/usehooks"; const TableCustomer =…
I have created a changeColour function where the navbar changes colour after scrolling beyond a certain point which works perfectly. The problem is I only want it to take effect on my Home page and every other page (AboutUs, Shop,…
Hi I am learning React Native and this is an error when trying to setup the whole thing when using Expo Go on my iPhone. I received this error when I ran npm start or expo-cli start --tunnel to start…
I started using Tailwind to style my app. It is very useful but I would like to put all the css in one file. I don't want to see it with HTML code. I tried converting the following div: <div…
I am new to antd and need to set the global theme to one of the antd colour palettes. I am building an app using Django, React and antd. I have installed the colours package: npm install @ant-design/colors --save Then…
I am experiencing a very weird bug in a basically fresh react project. I am attempting to update an array whenever the browser receives a keypress event. For some reason the update that I would expect to work is only…
Below is a class based component example class TestContainer extends React.Component { constructor(props) { super(props); this.state = { attached: initializeObject(props.TestTransactions), numTrue: props.TestTransactions.length, }; } commonSetState = () => { this.setState((prevState) => ({ attached: { ...prevState.attached, ...initializeObject(this.props.newTransactions), }, numTrue: prevState.numTrue +…
The problem at hand is about finding alternative methods to apply CSS styles to React components without directly importing CSS files into the component. I attempted to use inline styles by defining styles within JavaScript objects directly in the component…