2017-01-20 3 views
0

고차 함수라고 생각하지만 확실하지 않습니다.상위 함수를 통해 반응 구성 요소에 추가 소품을 전달하는 방법

필자가 성취하고자하는 것은 redux가 작동하는 방식을 더 잘 이해하고 추가 소품을 구성 요소에 전달하는 좋은 방법을 모색하는 것과 비슷한 일종의 무언가입니다. Heres는

내 코드 .. 내가 아니라 클래스의 예를 들면, 나머지, 내가 생성자 내에서 원하는 모든 소품을 https://jsfiddle.net/ncc8nprc/2/

렌더링 방법.

그리고 나는 make sure to pass up the same props that your component's constructor was passed이라는 오류 메시지가 나타납니다. 그래서 나는 이것이 잘못된 방식이라고 이해합니다. : P

하지만 어떻게해야합니까?

감사합니다. 여기

function stateConnector(mapStateToProps) { 
     return function(Component) { 

      return class Wrap extends Component { 
       render() { 
        const combinedProps = { ...this.props, ...AppState}; 
        return <Component {...combinedProps}/>; 

       } 
      } 
     }; 
    } 

the working jsfiddle입니다 :

답변

1

당신은 그것을 jsx 구문과 대문자 첫 글자를 사용하는 것을 의미, 유효한 당신의 상위 구성 요소에서 구성 요소 반응 반환해야합니다.

+0

Redux가 연결 기능과 어떻게 관계가 있습니까? – RickBrunstedt

+0

예 및 아니오 : 여기에 표시된 구조는 구성 요소가 반환하는 방식을 제외하고 Redux 연결에서 동일합니다. [Redux는 React API createElement를 사용합니다 (https://github.com/reactjs/react-redux/blob/master/src/components/connectAdvanced.js#L237). –

+0

좋아, 고마워! – RickBrunstedt

관련 문제