Javascript 在reactjs中重写组件toString方法
如何在reactjs中重写类组件的toString方法? 这是密码Javascript 在reactjs中重写组件toString方法,javascript,html,reactjs,web,Javascript,Html,Reactjs,Web,如何在reactjs中重写类组件的toString方法? 这是密码 class C1 extends React.Component{ render(){ return ( <div> {C2.toString()} </div> ) } } class C2 extends React.Component{ toString(){ return "c2"; } } ReactDOM.r
class C1 extends React.Component{
render(){
return (
<div>
{C2.toString()}
</div>
)
}
}
class C2 extends React.Component{
toString(){
return "c2";
}
}
ReactDOM.render(
<C1 />,
document.getElementById('root')
);
类组件必须实现render方法,因为它是必需的。在您的代码中,C2组件将无法工作,因为它没有实现render方法。因此,将C2类组件更改为功能组件
export function C2{
return "c2";
}
并将C1组件更改为如下所示
class C1 extends React.Component{
render(){
return (
<div>
<C2 />
</div>
) }
}
class C1 extends React.Component{
render(){
return (
<div>
<C2 />
</div>
) }
}
到
C1分量应该如下所示
class C1 extends React.Component{
render(){
return (
<div>
<C2 />
</div>
) }
}
class C1 extends React.Component{
render(){
return (
<div>
<C2 />
</div>
) }
}
如果我的类C2有一个render方法呢。