Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/sharepoint/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在reactjs中重写组件toString方法_Javascript_Html_Reactjs_Web - Fatal编程技术网

Javascript 在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

如何在reactjs中重写类组件的toString方法? 这是密码

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方法呢。