Reagieren: default Requisiten Fehler

Question

ich Störung erhalte:

Unexpected token (14:21) 
    12 | class MeetingMap extends React.Component { 
    13 | 
> 14 |  static propTypes = { 
    |     ^
    15 |   accountId: PropTypes.string.isRequired 
    16 |  }; 
    17 | 

Hier Code:

static propTypes = { 
    account: PropTypes.string.isRequired 
}; 

static defaultProps = { 
    account: '' 
}; 

Was bin ich? Vielen Dank.

Answer 1

Wie Sie in this GitHub issue zu Ihrer Frage sehen können, sind Klasseneigenschaften ein Vorschlag für Stufe 0 für ES7. Wenn Sie diese Funktion verwenden möchten, benötigen Sie die Babel stage 0 preset. Andernfalls müssen Sie die Standardmethode zum Hinzufügen von propTypes verwenden, wie in der React docs gezeigt.

import React, { Component, PropTypes } from 'react'; 

class Counter extends Component { 
    constructor(props) { 
    super(props); 
    this.state = {count: props.initialCount}; 
    this.tick = this.tick.bind(this); 
    } 
    tick() { 
    this.setState({count: this.state.count + 1}); 
    } 
    render() { 
    return (
     <div onClick={this.tick}> 
     Clicks: {this.state.count} 
     </div> 
    ); 
    } 
} 

Counter.propTypes = { initialCount: PropTypes.number }; 
Counter.defaultProps = { initialCount: 0 }; 

export default Counter;