I have a function, handlesubmit, that sends some data from a form to my backend/

const slider = useRef(); let tx = 0; const slideForward = () => { if (tx > -400) { tx -= 100; } slider.current.style.transform = `translateX(`${tx}%`)`; }; const slideBackward = () => {}; return ( <div className=”Customers”> <img src={nextIcon} alt=”” className=”nextIcon” onClick={slideForward} /> <img src={nextIcon} className=”backIcon” alt=”” onClick={slideBackward} /> {customerData.map((record) => ( <div key={record.id} className=”slider”> […]

Please see below code ternary operator is not working in react inside jsx with value from context api

import React from “react” export default function App() { const [messages, setMessages] = React.useState([“a”, “b”]) /** * Challenge: * – Only display the <h1> below if there are unread messages */ return ( <div> <h1>You have _ unread messages!</h1> </div> ) } this is the code and the challenge commented out, i have no idea […]