2016-05-03 7 views
0

を反応させるのは、私は、クラスを持っていると私は小道具が取得サブ -

class Body extends React.Component { 
    render() { 
    var value = this.props.value; 

これは正常に動作し、私は私が望む値を取得するには(それは文字列のValueに引っ張っだと言う - 私はでチェック関数の型)。

しかし、今私は、値の部分文字列を取りたい:

class Body extends React.Component { 
    render() { 
    var value = this.props.value.substring(0,2); 

私はがnull

任意のアイデアは、「の部分文字列を」プロパティを読み取ることができませんというエラーを取得しますか?

+0

これを行うとどうなりますか:var value = this.props.value; '...' var valueTwo = value.substring(0、2) '? – JordanHendrix

答えて

0

ありがとう、JordanHendrixあなたの投稿は私に何が起こっているかを実感させました。私が小道具を介して文字列を渡すだけで、部分文字列のメソッドは正常に動作します。

実際には、値を取得して変更を追跡して小道具に渡すReactiveDictがあるので、nullオブジェクトは最初にボディクラスに更新されるまで渡されます正しい値。この最初のヌル値は、部分文字列のメソッドを混乱させる原因であるため、そのためのチェックを入れる必要があります。

1

これはあなたがdefault propsを持っているものです。デフォルトでは、あなたの小道具を空の文字列に設定するだけです。

getDefaultProps: function() { 
    return { 
     value: '' 
    }; 
} 
関連する問題