意外的標記，在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> 
      ) 

     }