迹忆客 EN >

To fetch data on button click in React: Set the onClick attribute on the button element. Every time the button is clicked, an HTTP request is made. Update the state variable and render the data....

Use the border css property to set the border style of elements in React, such as div style={{border: '1px solid rgba(0,255,0,0.3)'}}. If we only need to style a specific border, use the corresponding property, such as borderBottom....

To make an http request on click in React: Set an onClick attribute on the element. Every time the element is clicked, an HTTP request will be made. Update the state variables and render the data....

This practical and straightforward article shows you how to properly update objects and arrays in the state in React. We'll use the useState hook and functional components....

Most developers are very familiar with how React hooks work and common use cases, but there is one issue with useEffect that many people may not be clear about....

React lazy function allows us to dynamically import components. We may want to do this to reduce the initial bundle size that the user must download to see the content on the screen....

To loop over an object in React: Use the Object.keys() method to get an array of the object's keys. Use the map() method to iterate over the array of keys....

Scroll to the bottom of a div in React: Add an element to the bottom of the div. Set a ref on the bottom element. When an event occurs, call the scrollIntoView() method of the ref object....

To draw a horizontal line in React: Use the hr/ tag and set the style attribute on it. Set the height of the line and optionally set the background color and colour....

To use a button as a link in React, wrap the button in a tag, or in a Link component if using react router. The button will be rendered instead of a link, and clicking it will cause the browser to navigate to the specified page....

To set an `onClick` listener on a div element in React: Set the `onClick` property on the div. Every time the div is clicked, the function we passed to the prop will be called. We can access the div via event.currentTarget....

This concise article shows you how to upload multiple files in React with the help of Axios. It’s not a big job and can be done in a few simple steps (you’ll see the Javascript and TypeScript code snippets in step 3)....

Toggle Boolean state in React: Use the useState hook to track the state of a boolean. Pass a function to the setState function returned by the hook. Toggle the boolean based on the current value, e.g. setIsLoading(current => !current)....

To create a back button using React Router: Set the onClick property on the button to a function. Use the useNavigate() hook, e.g. const navigate = useNavigate();. Call the navigate() function, passing it -1 - navigate(-1)....

When building a web application, sometimes we need to display some long text. In this case, a smart design is to display only part of the text and add a Show More button for users to expand the text when needed. When the text is expanded and fully dis...