意外的令牌，在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>
            )

      }