2017-03-28 15 views
0

を、我々は動的に似た属性値を示すことができますか?以下のような:emptyValueが真でいったん1は、入力フィールドに空のショーがあるとして、「入力」のタグが「値なしの属性が異なる」=「value」属性(値を含めるべきではない、意味はJSXリアクトJSXでダイナミックHTML属性

const value = emptyValue ? "" : "value='test'"; 
<input {value} /> 

、他入力フィールドに既存のテキストを表示します)。

+0

なぜなら、 '? – Li357

+0

@AndrewLiあなたは正しいです。一度 'emptyValue'が真であることを望みますが、" value "属性は" input "に存在すべきではありません。 – coderz

+0

もちろん、 'const props = {value:" test "、otherProp:" blah "}'、 '' – Li357

答えて

0

あなたはES6とバベルを使用している場合、あなたはこのような何か行うことができます:それはあなたがif文で全体の要素を挿入することができOBJ値

+0

のようなオブジェクトにすることもできます。オブジェクト。 – Li357

+0

'let obj = {}; if(emptyValue){obj.value = "test"} ' これは私が話していることです – AlexeyKuznetsov

1

とOBJキーで動的属性を行います

<a {...obj} ></a>

をレンダリング関数ですが、returnの前には次のようになります。

render() { 

var input = (<input />); 
if (!emptyValue) { 
    input = (<input value='test'/>) 
} 

return (
    <div> 
     {input} 
    </div> 
    ) 
}