2016-10-11 8 views
0

전역 변수 Redux 변수의 배열에서 많은 수의 요소를 선택하여 클럽의 구성원을 나타내는 다른 배열에 추가해야한다고 가정합시다. 이를 위해 그리드를 사용하여 요소의 해당 행에있는 확인란을 선택하고 버튼을 클릭하여 사람들을 클럽 구성원 배열로 이동시킵니다.Redux의 다른 전역 변수에 대한 데이터 작업

따라서 사람, 테이블 및 클럽 (구성원의 배열)의 두 가지 전역 변수가 있습니다. 모든 요소를 ​​검사 할 때 테이블 배열 내부의 변수에 사람의 ID를 추가 한 다음 버튼을 클릭하면 해당 ID를 가진 사람들이 club 변수의 멤버 배열로 전송됩니다. 내가 돌아 오는이 작업을 수행하려면 어떻게

people = [{id:1, name:"John"},{id:2,name:"Sandy"}] 
table = {selectedIds:[]} 
club = {members:[]} 

//check John's checkbox 
people = [{id:1, name:"John"},{id:2,name:"Sandy"}] 
table = {selectedIds:[1]} 
club = {members:[]} 

//click the add button 
people = [{id:2,name:"Sandy"}] 
table = {selectedIds:[]} 
club = {members:[{id:1, name:"John"}]} 

을 :

이것은 내가 할 의도 무엇인가? 가장 적절한 방법은 무엇입니까? 감속기가 함께 혼합되어야합니까? 내 말은 : 은 단지 두 번의 작업으로 이것을 수행하는 방법입니다, 하나는 선택했을 때 (나는 스스로 할 수 있었습니까?) 그리고 다른 하나는 버튼을 클릭 할 때입니까?

버튼을 클릭하면 테이블에 선택된 ID와 같은 요소를 클럽 배열 구성원으로 이동시킬 때 많은 작업을 수행하고 싶지 않습니다.

당신에게 별도의 배열과 같은 사람, 테이블, 클럽을 포함하는 하나의 감속기를 사용하는 것이 작업을 수행하는 가장 간단한 방법

+0

안녕하세요, 질문이 너무 일반적이어서 Redux가 작동하는 방식에 대해 기본적으로 묻습니다. egghead.io https://egghead.io/courses/getting-started-with-redux 및 https://egghead.io/courses/building-react-applications-with-idiomatic에서 우수한 Redux 과정을 지켜 볼 것을 권합니다. -redux – guzart

+0

죄송합니다. 질문을 수정했습니다. 내가하고 싶은 일을하고 싶지 않은 것은 선택된 멤버와 같은 ID를 가진 사람들을 멤버 배열로 이동시키기 위해 많은 지옥을 파견하는 것입니다. – Gothbag

답변

0

대단히 감사합니다.

그런 다음 모든 이벤트에 대해 조치를 취해야합니다 ("CHECK"및 "ADD").

그러면 감속기는 "확인"을 수신하고 해당 ID를 테이블 배열로 이동해야합니다. 또한 "ADD"를 청취하고 해당 ID를 테이블 배열에서 클럽 배열로 이동해야합니다.

그런 다음 필요한 모든 필터에 대해 선택기를 사용할 수 있습니다. 공통 라이브러리가 다시 선택됩니다. https://github.com/reactjs/reselect

희망이 있습니다.

+0

요소를 인원 배열에서 클럽 배열의 구성원으로 이동할 때 많은 작업을 보내지 않고도 별도의 감속기를 사용하여이를 수행 할 방법이 없습니까? 왜냐하면 나는 3 개의 분리 된 감속기가 필요하기 때문이다. – Gothbag

관련 문제