Реагировать на доступ к компонентам - PullRequest
Новая
       12

Реагировать на доступ к компонентам

0 голосов
/ 18 января 2020

Можно ли получить доступ к внутреннему свойству компонента React?

Примеры компонентов React обычно показывают типы пропов в виде 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>

1 Ответ

1 голос
/ 18 января 2020

Ваш 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>
...