상수 내에서 Meteor onLogout 메소드를 선언 할 수 있습니까?

Question

상수 내에서 메소드를 선언 할 수 있지만 navbar에서 onLogout 메소드를 구현하려고 시도하지만 'js [;] expected'라고 말하는 것으로 오류가 발생하거나 클래스를 다음과 같이 선언해야합니다.

수출 기본 클래스 착륙

import React from 'react'; 
import {Link} from 'react-router' 
import { Accounts } from 'meteor/accounts-base'; 

const NavbarLanding =() => { 
    onLogout() { 
    Meteor.logout(); 
    }; 
    return (
    <div className="navbar-landing"> 
     <nav> 
     <div> 
      <ul className="ul-landing"> 
      <img src="/images/fly_paper.svg"></img> 
      <li className="navbar-title"><a>Landing</a></li> 
{/* <img border="0" height="40" hspace="0" src="/images/fly_paper.png" width="80" /> */} 
{/* onClick={this.onLogout.bind(this) */} 
{/* btn-primary */} 
      <div className="navbar-menu"> 
       <li><a>acerca</a></li> 
       <li><a>portafolio</a></li> 
       <li><a>contacto</a></li> 

       <button className="btn"onClick={this.onLogout.bind(this)}>Logout</button> 
      </div> 
      </ul> 
     </div> 
     </nav> 
    </div> 
); 
}; 

export default NavbarLanding; 

NavbarLanding.reactProptype = { 
    title: React.PropTypes.string.isRequired 
}; 

Answer 1

당신은 당신의 구성 요소를 선언 실수를

React.Component을 확장, 그것은 다음과 같이해야합니다 :

export default class NavbarLanding extends React.Component { 
    onLogout() { 
    Meteor.logout(); 
    } 

    render() { 
    return (
     // your html here 
    ); 
    } 
}; 

NavbarLanding.reactProptype = { 
    title: React.PropTypes.string.isRequired 
};