Question

我完全是React的新手，尝试创建一个简单的注销按钮来显示“ 0”或“ 1”，并且此数字必须为状态。 Terminal告诉我它编译成功，但是我一直在浏览器中收到错误消息。

<Label><Label.Style>
<Style TargetType=“Label” BasedOn=”{StaticResource {x:Type Label}}“>
<Setter Property=“FontWeight” Value=“Normal”/>
<Setter Property=“FontSize” Value=“10”/>
</Style></Label.Style>0</Label>

Answer 1

尝试

请在类上添加render（）方法

import React, { Component } from 'react';

// libraries
import $ from 'jquery';
import ApiList from '../../config/apiList.json';

//Component
import Nav from '../navigation/index';

class index extends Component {
  constructor(props) {
    super(props);

  }

  logout = () => {
      $.ajax({
          method: "GET",
          url: ApiList.env + ApiList.endpoint.logout,
          crossDomain: true,
          xhrFields: {
              withCredentials: true
          },
          success: data => {
              window.location = "/login";
          }
      })
  }
  render(){
     return <button onClick={this.logout}>Logout</button
  }

}

export default index;

Answer 2

React中的每个类组件都必须具有render（）方法，并且render应该返回jsx。

TypeError：instance.render不是成功编译后的函数

2 个答案: