I'm trying to display my table head and table body as separate components and dynamically too, with some nested properties (like genre). I use lodash but I get an error with the tBody rendering. I won't mind another means to…
We are in the process of phasing out custom forms (created in React) on our website, and replacing them with Microsoft Dynamics 365 generated forms. These forms are injected via a React placeholder component created by a script to load…
I'm trying to redirect a user after they click on a text with useNavigate, the route that i'm trying to use is "behind" the current route whereas useNavigate redirects "forward". code: <span onClick={() => navigate(`portfolio/${user}`)} className="text-orange-400 cursor-pointer" > {profile?.name} </span>…
I have one parent component with 3 buttons and 3 children components. Each button should open one component but with my code the 3 buttons open the same component when I click on the buttons. The children components are in…
I have a child component that does a fetch in a useEffect then calls a passed in onChange handler. The child component gets re-rendered 3 times (and does the fetch 3 times) all because the parent's onChange function "changes". Requiring…
I am working on react. I have an api that is using POST method, body contains sessionId and returns response data in json. In postman, it's working fine. But in React, its returning [object Object]. Method is post, but api…
I got a problem userData.map is not a function TypeError: userData.map is not a function error Try changing again, error still doesn't improve I encountered a problem userData.map is not a function TypeError: userData.map is not a function I tried…
I want to format currency as 1,456,567.545 and here is my code export const formatCurrencyNumberWithDecimal = (value) => { if(value){ const cleanedValue = value.replace(/,/g, ''); // Remove existing commas const parts = cleanedValue.split('.'); const integerPart = parts[0].replace(/D/g, ''); const decimalPart…
I have an image URL, and I'm providing it to the image src attribute on a modal component. When the modal opens, there is a black card for a few seconds till the image shown. How can I make it…
How to add br tag in this situation? import './App.css'; export default function App() { return ( <main> {`aaaa <br />bbbb`} </main> ); }