reactjs - 有没有办法将道具传递给类组件？

Question

我是 React 的初学者。
我仍然很不明白如何像在函数中那样将道具传递给类组件。
函数示例：

const SurveyFormReview = ({ onCancel, formValues, submitSurvey, history }) => {
    return (
        ...
        <button
            onClick={() => submitSurvey(formValues, history)}
            className="green btn-flat right white-text"
        >
        ...
    );
};

类组件示例：

class ImageUpload extends Component {
    render() {
        return (
            // I want to use props in here
        )
    }
}

标签： reactjs

Answer 1

只需在使用 ImageUpload 组件时使用您想要的任何属性：

<ImageUpload propA="someValue" propB={someVariable}/>

从 ImageUpload 组件中，只需调用props属性：

someFunction = () => {
    var propAValue = this.props.propA;
    var propBValue = this.props.propB;
}

而已！