[React？]にデフォルトの参照値を設定しますか？

Question

だから私のコードはそうのようになります。ここ

stockconfirmbuy: function(){ 
    var totalbuyval = this.refs.stockpriceref.innerHTML * this.refs.stockdnum.value;  
    return (<div> 
     <input type="number" value="1" ref="stockdnum" /> 
     <p>Your Total:</p> 
     <p>${totalbuyval}</p>    
</div>); 
}, 

私の問題は、私はCannot read property 'value' of undefinedエラーを取得するということです。これは私のinput type="number"を指します。

しかし、これは発生しないように入力値にデフォルト値を設定しようとしています。私はそれにデフォルトのvalue=1を与えましたが、これはrefを満足させるようには見えません。

私はデフォルトの参照値を設定するために何をする必要があるのだろうかと思います。または、私は州を使うべきですか？

Answer 1

あなたは絶対にここに状態を使用する必要がありますが、あなたはその後、例えば、状態から値をレンダリングすることができますstockdnumとstockpriceref

の両方にgetInitialState()とデフォルトの状態値を設定します<input type="number" value={this.state.stockdnum}/>。 onChangeを更新状態に設定しない限り、入力が読み取り専用になることに注意してください。 Read more about this here

私はあなたがこれについてすべての参考文献を必要としているのではないかと疑いますが、実際には可能なら避けてください。彼らはあなたがそれらを使用しているようlikely be removed in the futureはとにかく

Answer 2

私がしようとしてきたが意志、また非反応したAPIに文字列、参考文献を

を（例えばjQueryのかTweenLiteか何かを）生のDOM、参考文献を提供するためのより多くのですこれは

を発生しないように、私の入力のデフォルト値を与えるあなたはこのような何かを行うことができます。

var defaultRef = typeof this.refs.stockdnum.value !== "undefined" ? this.refs.stockdnum.value : defaultValue; 
var totalbuyval = this.refs.stockpriceref.innerHTML * defaultRef;