React Wire 기본 개념

이번 포스트에서는 @forminator/react-wire 기본 개념을 다룹니다.

철사



와이어는 내부에 값을 포함하는 객체입니다.

새 와이어 작성


userWire 후크는 새 와이어를 반환합니다.

const wire = useWire(null, initialValue)

또는 와이어를 업링크 와이어라고 하는 다른 와이어에 연결할 수 있습니다. 두 와이어의 값은 항상 동기화됩니다.

const wire = useWire(anotherWire)

와이어 값 읽기


useWireValue는 와이어의 현재 값을 반환하고 와이어 값이 변경되면 구성요소를 다시 렌더링합니다.

const value = useWireValue(wire)

와이어 값 변경


useWireStatevaluesetValue를 반환합니다. 기본값useState과 정확히 동일합니다.

const [value, setValue] = useWireState(null, initialValue)

첫 번째 인수에 연결을 전달할 수도 있으며 반환된 값은 연결과 동기화됩니다.

const [value, setValue] = useWireState(wire, initialValue)

좋은 웹페이지 즐겨찾기