데이터 준비가 완료되면 반응 레일 gem 호출 구성 요소

Question

데이터가 준비되면 렌더링 기능에서 구성 요소를 호출하려고하거나 null을 반환하려고합니다. 이유를 모르겠지만 반응 레일 보석은이 문자열에 Parse Error를 반환합니다. 소스 코드는 다음과 같습니다 :

var PlayersData = React.createClass({ 

    loadDataFromServer: function() { 
    console.log("loadDataFromServer"); 
    $.ajax({ 
     url: this.props.url, 
     dataType: 'json', 
     success: function(data) { 
     this.setState({data: data}); 
     }.bind(this), 
     error: function(xhr, status, err) { 
     console.error(this.props.url, status, err.toString()); 
     }.bind(this) 
    }); 
    }, 

    getInitialState: function() { 
    console.log("getInitialState"); 
    return {data: {}}; 
    }, 

    componentWillMount: function() { 
    console.log("componentWillMount"); 
    this.loadDataFromServer(); 
    }, 

    render: function() { 
    console.log("render"); 
    return (
     {this.state.data ? : <PlayersRepresentation data={this.state.data} /> : null} 
    ); 
    } 
}); 

오류 추적 로그 :

Showing /Users/user/Documents/Projects/rails_react/app/views/layouts/application.html.erb where line #12 raised: 

Error: Parse Error: Line 30: Unexpected token . 
    (in /Users/user/Documents/Projects/rails_react/app/assets/javascripts/components/match_center/players_data.js.jsx) 

어떻게 해결합니까?

Answer 1

이 콜론 속하지 않는 :

//     V 
{this.state.data ? : <PlayersRepresentation data={this.state.data} /> : null} 

당신이를 제거하면, 그것은 올바르게 구문 분석 하는가?