React2 useFormStatus(); useFormStatus()는 요소의 submit에 대한 상태 정보를 제공하는 react-dom Hook입니다. const { pending, data, method, action } = useFormStatus(); useFormStatus()는 요소 안에서 사용해야합니다. 또한 'use client' 선언이 된 클라이언트 컴포넌트에서만 사용이 가능합니다. 이는 useFromStatus()가 부모인 요소의 submit 상태에 따라 비동기적으로 클라이언트 사이드의 UI를 변경할 것이기때문입니다. 'use client'; import { useFormStatus } from "react-dom"; import action from './actions'; export default function App().. 2024. 3. 4. React에서 Fragments를 사용하는 이유 1. React.createElement컴포넌트, App.js등에서 return 할때는 하나의 요소만 반환할 수 있는데, 그 이유는 return하는 부분의 JSX 코드를 들여다보면 알 수 있다.return( React.createElement('h2', {}, 'Hi there!') React.createElement('p', {}, 'This does not work :-('));위의 코드는 JSX에서 return하는 부분의 코드를 자세하게 들여다 본 것인데, 우리는 보통 return을 아무렇지 않게 쓰지만 실제로는 반환되는 요소는 React.createElement로 생성된다. return시에는 1개의 요소만 반환할 수 있어 React.createElement가 두개가 있는 위와 같은 코드는 작동하지.. 2023. 9. 4. 이전 1 다음
