Отсутствие свойств свойств класса

Question

Так что я только что попробовал получить диалоговое окно материала Google. Я очень новичок в метеоре и реагирую так, чтобы answare мог быть более очевидным для вас тогда для меня.

даже так, моя консоль дает мне эту ошибку:

Missing class properties 
    transform. 

на линии 16 в этом файле:

export default class DialogExampleCustomWidth extends React.Component { 

    state = { 
    open: false, 
    }; 

    handleOpen =() => { 
    this.setState({open: true}); 
    }; 

    handleClose =() => { 
    this.setState({open: false}); 
    }; 

    render() { 
    const actions = [ 
     <FlatButton 
     label="Cancel" 
     primary={true} 
     onTouchTap={this.handleClose} 
     />, 
     <FlatButton 
     label="Submit" 
     primary={true} 
     onTouchTap={this.handleClose} 
     />, 
    ]; 

    return (
     <div> 
     <RaisedButton label="Dialog With Custom Width" onTouchTap={this.handleOpen} /> 
     <Dialog 
      title="Dialog With Custom Width" 
      actions={actions} 
      modal={true} 
      contentStyle={customContentStyle} 
      open={this.state.open} 
     > 
      This dialog spans the entire width of the screen. 
     </Dialog> 
     </div> 
    ); 
    } 
} 

на state = { появляется ошибка я прочитал на нескольких articals, но похоже, не может его получить. Спасибо за вашу помощь и время

Answer 1

Изменить свои коды, как это:

export default class DialogExampleCustomWidth extends React.Component { 

    consructor(props){ 
    super(props); 
    this.state = { 
     open: false, 
    }; 

    handleOpen =() => { 
    this.setState({open: true}); 
    }; 

    ...... 
} 

Answer 2

Если вы хотите установить начальное значение состояния, оно должно быть установлено в конструкторе.

Примером может служить следующее:

constructor(props) { 
    super(props) 
    this.state = { 
     open: false 
    } 
} 

2 вещи, чтобы указать здесь:

1. Вы всегда должны вызывать базовый класс с супер(), если вы используете конструктор
2. Вы передаете реквизиты базовому классу, если хотите иметь доступ к this.props в конструкторе. В этом случае super() будет делать, так как вы не получаете доступ к this.props.

читать далее here и here (от React команды напрямую)

Answer 3

Meteor не поддерживает функции курсора по умолчанию, но сегодня вы можете просто изменить, что:

add the following package:

meteor npm install --save-dev babel-plugin-transform-class-properties 

Измените свой пакет.json в своем проекте и добавьте сюда следующее: the package work:

"babel": { 
    "plugins": ["transform-class-properties"] 

    }