意外的标记，在JSX的反应

Question

尝试使用单独的功能来呈现一些JSX：

renderCheckbox(){ 
     return(
      <div> 
      <Checkbox 
        checkboxClass="icheckbox_square-blue" 
        increaseArea="-10%" 
        label="Checkbox" 
        /> 
      ) 
      </div> 
     } 

     renderRadioBtn(){ 
     return(
      <div>      
        <Radio 
        radioClass="iradio_square-blue" 
        increaseArea="-10%" 
        label="Radio, defaultChecked disabled" 
        defaultChecked 
        disabled 
        /> 
        </div> 
     ) 

     } 

我看不出有什么错，但我不能编译我上面的2个功能。在我的控制台的错误显示这

Unexpected token, expected , (75:3) 
    73 |   ) 
    74 |   </div> 
> 75 | } 
    | ^
    76 | 
    77 | renderRadioBtn(){ 
    78 |  return(

Answer 1

您的括号是在错误的地方。这里的修复：

renderCheckbox(){ 
     return(
      <div> 
      <Checkbox 
        checkboxClass="icheckbox_square-blue" 
        increaseArea="-10%" 
        label="Checkbox" 
        /> 

      </div> 
     ) 
     } 

     renderRadioBtn(){ 
     return(
      <div>      
        <Radio 
        radioClass="iradio_square-blue" 
        increaseArea="-10%" 
        label="Radio, defaultChecked disabled" 
        defaultChecked 
        disabled 
        /> 
        </div> 
     ) 

     } 

Answer 2

它应该是这样的：尾架丢失：

renderCheckbox(){ 
     return(
      <div> 
      <Checkbox 
        checkboxClass="icheckbox_square-blue" 
        increaseArea="-10%" 
        label="Checkbox" 
        /> 
      </div> 
      ) 

     }