folo/values: 양식에서 데이터를 처리하고 결과를 얻는 가장 간단한 방법
📋 @folo/values 소개
from store는 구성이 0인 입력 값을 반환합니다.
왜요?
@folo/values는 입력을 보유하고 연결된 구성 요소를 다시 렌더링하도록 트리거할 시기를 정확히 알고 있는 스토어를 통해 이를 수행할 수 있습니다. Folo에서 발생하는 모든 업데이트가 로컬에서 발생하는 이유입니다. 가게는 바로 마에스트로입니다. StoreID 내 친구에 관한 것입니다. onSubmit , onChange는 여전히 여기에 있으며 아무데도 가지 않습니다. 용법
그것을 설치하십시오:
npm install @folo/values
양식 작성:
import { Form, Field } from "@folo/values";
const MyComponent = ({ onSubmit }) => (
<Form onSubmit={onSubmit} storeID="example1">
<label>
username:
<Field valueKey="myName" type="text" storeID="example1" />
</label>
<label>
password:
<Field valueKey="myPass" type="password" storeID="example1" />
</label>
<label>
choose:
<Field valueKey="alphabet" type="select" storeID="example1">
<option valueKey="a">A</option>
<option valueKey="b">B</option>
<option valueKey="c">C</option>
</Field>
</label>
<button type="submit">submit</button>
</Form>
);
// submit function will return: (event, {myName: "" myPass: "", alphabet:""})
당신은 그것을 좋아합니까? ⭐️를 남겨주세요. 피드백이나 PR에 감사드립니다 👋👋👋
Reference
이 문제에 관하여(folo/values: 양식에서 데이터를 처리하고 결과를 얻는 가장 간단한 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/jalal246/folo-values-the-simplest-way-to-handle-data-in-forms-and-get-the-results-3bm2텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
