セッターなしのゲッターを定義するecma6 - 反応

Question

リアクションecma6 dosentはセッターなしでゲッターを定義できるようです ゲッターのみメソッドを定義し、他の方法で値を変更する方法はありますか？

import React from 'react'; 
export default class GetterOnly extends React.Component { 
    constructor(props) { 
     super(props); 
     this._is_on = false; 
    } 

    on() { 
     this._is_on = true; 
    } 

    get is_on() { 
     return this._is_on; 
    } 

    render() { 

    } 
} 
var _getter = new GetterOnly() 
_getter.on(); 

Uncaught TypeError: Cannot set property is_on of #GetterOnly which has only a getter

patchProperty @ makeAssimilatePrototype.js:21 (anonymous function) @ makeAssimilatePrototype.js:52 (anonymous function) @ makeAssimilatePrototype.js:51 reconcileWithStoredPrototypes @ makeAssimilatePrototype.js:50 assimilatePrototype @ makeAssimilatePrototype.js:63 patchReactClass @ makePatchReactClass.js:40 makeHot @ makeMakeHot.js:33 makeExportsHot @ makeExportsHot.js:44 (anonymous function) @ GetterOnly.js:139 (anonymous function) @ GetterOnly.js:139 (anonymous function) @ GetterOnly.js:140 (anonymous function) @ app.js:5062 webpack_require @ app.js:556 fn @ app.js:87 (anonymous function) @ page.js:35 (anonymous function) @ page.js:81 (anonymous function) @ page.js:82 (anonymous function) @ app.js:5056 webpack_require @ app.js:556 fn @ app.js:87 (anonymous function) @ Routes.js:19 (anonymous function) @ Routes.js:52 (anonymous function) @ Routes.js:53 (anonymous function) @ app.js:4438 webpack_require @ app.js:556 fn @ app.js:87 (anonymous function) @ makoVOD.js:19 (anonymous function) @ makoVOD.js:62 (anonymous function) @ makoVOD.js:63 (anonymous function) @ app.js:1042 webpack_require @ app.js:556 fn @ app.js:87 (anonymous function) @ multi_main:3 (anonymous function) @ app.js:586 webpack_require @ app.js:556 (anonymous function) @ app.js:579 (anonymous function) @ app.js:582

Answer 1

問題は、関数としてonを呼んでいるということです。ゲッターは、プロパティのような機能を見て作る：

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get

最後の行は_getter.onの代わり_getter.on()でなければなりませんように。また

、_is_on変数民間ようにように、あなたは、クラスの外でそれを定義することができようにする：

import React from 'react'; 

let _is_on = false; 

export default class GetterOnly extends React.Component { 
    constructor(props) { 
     super(props); 
    } 

    on() { 
     _is_on = true; 
    } 

    get is_on() { 
     return _is_on; 
    } 

    render() { 

    } 
} 
var _getter = new GetterOnly() 
_getter.on; 

今誰が、クラスの変数を編集することはできません。

Answer 2

問題はReact/Es6の責任でした。それはnodejs - webpack.hot ...モジュールから来ているように見えましたが、私はこれを使ってコードを自動生成しました。 私はvesion：2.0.0-alphaにアップグレードしましたが、エラーは消えました。 既知の問題点 - https://github.com/gaearon/react-hot-loader/issues/131