Which of the following is an appropriate way of sending POST request in react and printing the response on console?Aconst App = () => {const [body, setBody] = useState([]);const postHandler = () => {   fetch('http://api.com', {method: 'POST', body: body})   .then(res => console.log(res))}return <button onClick={postHandler}> Click</button>}Bconst App = () => {const [body, setBody] = useState([]);const postHandler = () => {   fetch('http://api.com')   .then(res => console.log(res))}return <button onClick={postHandler}> Click</button>}Cconst App = () => {const [body, setBody] = useState([]);const postHandler = () => {   fetch('http://api.com')   .then( console.log(res))}return <button onClick={postHandler}> Click</button>}DNone of the above

Which of the following is a preferrable way to send a GET request in react?Aconst App = () => {const fetchHandler = () => {  fetch('randomapi').then(res => {console.log(res)}) }fetchHandler();return <div></div>}Bconst fetchHandler = () => {  fetch('randomapi').then(res => {console.log(res)}) }const App = () => {fetchHandler();return <div></div>}Cconst App = () => {useEffect(() => {const fetchHandler = () => {  fetch('randomapi').then(res => {console.log(res)}) }fetchHandler();}, []);return <div></div>}DNone of the above

const handleSubmit = (e) => { e.preventDefault(); const userData = { username, email, password }; fetch('http://localhost:8080/signup', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify(userData), }) .then((response) => { if (!response.ok) { throw new Error('Network response was not ok'); } return response.json(); }) .then((data) => { console.log('Success:', data); }) .catch((error) => { console.error('Error:', error); }); };

How do you handle POST requests in Express.js? a. Using the express.post() method b. Using the app.route() method c. Using the app.post() method d. Using the app.get() method

What is the recommended way to make HTTP requests in a React application?Using the built-in `fetch` functionImporting jQuery for AJAX requestsWriting custom XMLHttpRequest codeUsing third-party libraries not related to React

Assuming you have the following set of components, what would be logged into the console when clicking the Submit button that gets rendered on the screen?123456789101112131415161718192021const Button = ({ children, ...rest }) => (  <button onClick={() => console.log("ButtonClick")} {...rest}>    {children}  </button>); const withClick = (Component) => {  const handleClick = () => {    console.log("WithClick");  };   return (props) => {    return <Component onClick={handleClick} {...props} />;  };}; const MyButton = withClick(Button); export default function App() {  return <MyButton onClick={() => console.log("AppClick")}>Submit</MyButton>;}1 point“ButtonClick”“AppClick”“WithClick”