reactjs, 클래스 수준에서 소품을 전달하는 방법

Question

이것은 무엇을 하려는지 보여주는 예입니다. <MyComponent hello={'Hello World'}/>을 사용하지 않고 MyComponent 클래스에서 소품을 전달하려고합니다. 왜냐하면 MyComponent를 다른 라이브러리에 전달하기 때문입니다.

import React, { Component } from 'react'; 

class MyComponent extends Component { 
    render() { 
    const { hello } = this.props; 
    return (
     <div>{hello}</div> 
    ); 
    } 
} 

// this line is wrong 
MyComponent.props = { 
    hello: 'Hello World!' 
} 

<MyComponent /> 

어떻게 반응-REDUX은 this.props.state를 추가 연결하고 구성 요소의 소품에 다른 기능을 매핑입니까? 내 사용자 지정 개체를 구성 요소에 삽입하고 싶습니다.

이

UpdatedComponent = withMyObject(ComponentToBeWrapped,"Hello"); 

Answer 1

당신은 Higher Order Component

function withMyObject(WrappedComponent,helloText) { 
    return class extends React.Component { 

    render() { 
     return <WrappedComponent {...this.props} hello={helloText} />; 
    } 
    }; 
} 

사용을 작성해야합니다. 나는 좋은 행동이라고 생각한다.

import React, { Component } from 'react'; 

class MyComponent extends Component { 
    render() { 
    const { hello } = this.props; 
    return (
     <div>{hello}</div> 
    ); 
    }headerProp: "Header from props...", 
    contentProp:"Content from props..." 
} 

MyComponent.defaultProps = { 
    hello: 'Hello World!' 
} 

<MyComponent /> 

Answer 2

당신은 기본 소품을 설정할 수 있습니다