Die statischen ECMA7-Prototypen werden in Meteor noch nicht unterstützt. Was ist ein guter Workaround?

Question

Ich möchte ECMA statische Propotypen in meinem React-Code verwenden. Leider führt dies zu folgendem Babel-Fehler Missing class properties transform.. Soweit mir bekannt ist, liegt das daran, dass Meteor ECMA-Vorschläge der Stufe 0 noch nicht unterstützt.

Aus dem Lesen verschiedener Threads scheint es möglich zu sein, dies zu lösen, indem einige babel configs geändert werden, aber ich bin nicht mit Babel vertraut, also würde es lieber vermeiden, damit zu viel zu tun. Wie kann ich die folgende statische/propotypische Logik in einer alternativen, unterstützten Weise ausdrücken?

Danke!

import React from 'react'; 
import bookSingleLine from '../Kooks/Table/BookSingleLine'; 
import TrackerReact from 'meteor/ultimatejs:tracker-react'; 


export default class bookListingTable extends TrackerReact(React.Component) { 

static propTypes = { 
LimitProp: React.PropTypes.number.isRequired 
    } 
static defaultProps ={ 
    LimitProp: 5, 
    } 

Answer 1

einfach manuell die statischen Eigenschaften zuweisen, anstatt sie in der Klasse Körper zu erklären (die in ES7 wird nicht unterstützt):

export default class BookListingTable extends TrackerReact(React.Component) { 
    … 
} 
BookListingTable.propTypes = { 
    LimitProp: React.PropTypes.number.isRequired 
}; 
BookListingTable.defaultProps = { 
    LimitProp: 5 
}; 

Answer 2

Es gibt einen besseren Ansatz heute, es statische macht verwenden.

add the following package:

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

Bearbeiten Sie Ihre package.json in Ihrem Projekt und es fügen Sie folgendes the package work:

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

    }