Question

是否可以访问React组件的内部属性？

React Component的示例通常将道具类型显示为HTML / XML内部属性：

<MyComp paramOne='val1' paramTwo='val2' />

该类为：

import * as React from 'react';

export interface MyCompProps {
    paramOne: string;
    paramTwo: string;
}

export interface MyCompState {

}

export class MyComp extends React.Component<MyCompProps, MyCompState> {
    public render() {
        return <div>
            <ul>
                <li>paramOne: {this.props.paramOne}</li>
                <li>paramTwo: {this.props.paramTwo}</li>
            </ul>
        </div>;
    }
}

在以下示例代码中是否可以访问val3？

<MyComp paramOne='val1' paramTwo='val2'>val3</MyComp>

Answer 1

您的val3可通过children道具进行访问。

export class MyComp extends React.Component<MyCompProps, MyCompState> {
    public render() {
        return <div>
            <ul>
                <li>paramOne: {this.props.paramOne}</li>
                <li>paramTwo: {this.props.paramTwo}</li>
                <li>children: {this.props.children}</li>
            </ul>
        </div>;
    }
}

<MyComp paramOne='val1' paramTwo='val2'>val3</MyComp>

反应组件访问道具

1 个答案: