2017-03-16 8 views
0

나는 pouchdb와 반응하는 새로운 브랜드 다. 내가 정확히 사용하고 싶은 것 같아 react-pouchdb-changes 모듈을 찾았습니다.react-pouchdb-changes에 대한보다 광범위한 예제 구현 코드

그러나 예제 코드는 너무 희소합니다. 기본 반응 응용 프로그램에 어떻게 통합 될지에 대해서는 정말 실망합니다.

누군가가 각 부분의 기본 설명과 함께 더 완전한 예제 사용법을 제공 할 수 있습니까?

답변

0

이 모듈은 changes 메서드에 대한 래퍼 일 뿐인 것처럼 보입니다. 라이브 예제 here을 얻을 수 있습니다. 링크는 documentation에서 바로 제공됩니다.

충분하지 않은 정보가있는 경우 API reference에서 예제와 예제 응답을 확인할 수 있습니다.

+0

감사합니다. pouchdb 파트가 어떻게 작동하는지에 대한 핸들을 가지고 있지만, 반응과 어떻게 통합되는지 명확하지 않습니다. 제공된 예제는 의사 코드를 나타내는 것으로 보이며 반응 애플 리케이션에 어떻게 통합 시킬지 설명하지 않습니다. 예를 들어, 내 응용 프로그램은 다음으로 시작합니다. "var Basebuilder = React.createClass ({"- 대신 PouchDBChanges를 확장하겠습니까? – Jamie

0

반응 -pouchdb- 변경 사항을 React와 통합하는 방법은 귀하에게 달려 있습니다. OnChange 처리기를 켜기위한 구성 요소 만 있으면됩니다.

<PouchDBChanges 
    … 
    onChange={change => console.log(change) /* do something useful with the change here instead of just logging it! */} 
> 
{/* your <App> component here */} 
</PouchDBChanges> 

은 그냥 JSX 코드에서 구성 요소를 사용하여 (주 구성 요소 또는 어떤 컨테이너 구성 요소를 포장) : 코드 예제의이 부분은 관련된 것들입니다.

실제 사례를 설정하는 데 어려움이있는 경우 create-react-app을 사용해보세요. 몇 초 내에 실행중인 React 앱이 있습니다. <PouchDBChanges> 구성 요소를 추가하기 좋은 위치는 src/App.js입니다. 가장 바깥 쪽 <div>을 구성 요소로 둘러 쌉니다.