복붙노트

[REACTJS] 반작용-돌아 오는와 타이프 라이터를 사용할 때 오류를 입력

REACTJS

반작용-돌아 오는와 타이프 라이터를 사용할 때 오류를 입력

해결법


  1. 1.당신이 부분에서 정상 소품에 대한 책임을 하나 디스패처 하나를 당신의 소품을 나눌 수 있습니다 유형의 안전을 유지하려면 :

    당신이 부분에서 정상 소품에 대한 책임을 하나 디스패처 하나를 당신의 소품을 나눌 수 있습니다 유형의 안전을 유지하려면 :

    import * as React from 'react';
    import {connect}  from 'react-redux';
    
    interface StateProps {
        textPros: string,
        optionalText?: string,
    
    }
    interface DispatchProps {
        onClick1: Function,
    
    }
    
    class MyComp extends React.Component<StateProps & DispatchProps , any> {
        render() {
             return (<div onClick={this.props.onClick1}>{this.props.textPros}</div>);
        }
    }
    const mapStateToProps = (state: any, ownProp? :any):StateProps  => ({
        textPros: "example text",
    });
    const mapDispatchToProps = (dispatch: any):DispatchProps => ({
        onClick1: () => {
            dispatch({ type: 'CLICK_ACTION'});
        }
    });
    export default connect(mapStateToProps, mapDispatchToProps)(MyComp);
    

    단지 기본 구성 요소에 '어떤으로'추가 : 빠른 해결 방법을 검색하는 사람들을 위해.

    export default connect(mapStateToProps, mapDispatchToProps)(MyComp as any);
    

  2. 2.나는이 Github의 문제에 대한 마지막 게시물로 초에서 답을 찾아 냈다. mapStateToProps 및 / 또는 mapDispatchToProps 또는 연결에 모두 유형의 매개 변수를 사용하지 않으면이 둘 개지도 기능의 반환 형식의 교차로를 생성합니다.

    나는이 Github의 문제에 대한 마지막 게시물로 초에서 답을 찾아 냈다. mapStateToProps 및 / 또는 mapDispatchToProps 또는 연결에 모두 유형의 매개 변수를 사용하지 않으면이 둘 개지도 기능의 반환 형식의 교차로를 생성합니다.

  3. from https://stackoverflow.com/questions/37010193/type-error-when-using-typescript-with-react-redux by cc-by-sa and MIT license