reflect 다운로드 - 소스 코드 다운로드를 reflect

reflect

타사 구성 요소

v9.2.0

다운로드

@Effector/Reflect

hooks없이 구성 요소를 반응하기 위해 이펙터 저장소를 부착합니다.

설치하다

npm install @effector/reflect
# or
pnpm add @effector/reflect

시작하기 | API 문서

동기 부여

반사의 요점은 무엇입니까?

클래식 한 HOC와 같은 패턴을 사용하여 효율적이고 합성 가능한 방식으로 이펙터를 사용하여 React 구성 요소를 작성할 수있는 API 디자인입니다.

 import { reflect , variant } from '@effector/reflect' ;

export function UserForm ( ) {
  return (
    < FormCard >
      < Name />
      < LastName />
      < SubmitButton />
    </ FormCard >
  ) ;
}

const Name = reflect ( {
  view : Input ,
  bind : {
    value : model . $name ,
    onChange : model . nameChanged ,
  } ,
} ) ;

const LastName = reflect ( {
  view : Input ,
  bind : {
    value : model . $lastName ,
    onChange : model . lastNameChanged ,
  } ,
} ) ;

const SubmitButton = reflect ( {
  view : Button ,
  bind : {
    type : 'submit' , // plain values are allowed too!
    disabled : model . $formValid . map ( ( valid ) => ! valid ) ,
    onClick : model . formSubmitted ,
  } ,
} ) ;