1
は、次の例を見てみましょう:TypeScript for Reactコンポーネントの継承を行う正しい方法は何ですか?
export interface IBaseIconProperties {
path: string;
}
export default class BaseIcon extends React.Component<IBaseIconProperties, any> {
public render() {
return (
<SvgIcon style={{width: 32, height: 32}}>
<path d={this.props.path} />
</SvgIcon>
);
}
}
export default class Foo extends React.Component<any, any> {
public render() {
return <BaseIcon path="/* SVG path for Foo button goes here... */"/>;
}
}
export default class Bar extends React.Component<any, any> {
public render() {
return <BaseIcon path="/* SVG path for Bar button goes here... */"/>;
}
}
これは、1つのコンポーネントに反応して継承を行うことができます1つの方法です。しかし、この継承を呼び出すことができるかどうかは分かりません。
しかし、別の方法がありますか?より良い方法ですか?たぶんBaseIcon
クラスがabstract
の実際の継承を通してですか?それは何とか複雑な事を複雑にせずに可能ですか?
Aaaahh ... Javaから来て、私はいつも 'super.render()'を呼び出そうとしていて、うまくいきませんでした。トリックは 'baseRender'関数上にあると思います。ありがとう:) –