如何使用childContextTypes与Typescript做出反应？

Question

我想使用像this page

这样的childContextTypes

我用Typescript更改了它：

import * as React from "react";

export class Parent extends React.Component<{}, {}> {
    childContextTypes: {
        foo: string
    }

    getChildContext() {
        return { foo: "I m the grandparent" };
    }

    render() {
        return <Child />
    }
}

class Child extends React.Component<{}, {}> {
    context: any;

    static contextTypes: {
        foo: string
    }

    render() {
        return <div>Hello {this.context["foo"]}</div>;
    }
}

但我在页面中找不到任何内容！

Answer 1

在类中，应使用=而不是：

设置childContextTypes

static childContextTypes = {
    foo: React.PropTypes.string
}