を、我々は動的に似た属性値を示すことができますか?以下のような:emptyValue
が真でいったん1は、入力フィールドに空のショーがあるとして、「入力」のタグが「値なしの属性が異なる」=「value」属性(値を含めるべきではない、意味はJSXリアクトJSXでダイナミックHTML属性
const value = emptyValue ? "" : "value='test'";
<input {value} />
、他入力フィールドに既存のテキストを表示します)。
を、我々は動的に似た属性値を示すことができますか?以下のような:emptyValue
が真でいったん1は、入力フィールドに空のショーがあるとして、「入力」のタグが「値なしの属性が異なる」=「value」属性(値を含めるべきではない、意味はJSXリアクトJSXでダイナミックHTML属性
const value = emptyValue ? "" : "value='test'";
<input {value} />
、他入力フィールドに既存のテキストを表示します)。
あなたはES6とバベルを使用している場合、あなたはこのような何か行うことができます:それはあなたがif
文で全体の要素を挿入することができOBJ値
のようなオブジェクトにすることもできます。オブジェクト。 – Li357
'let obj = {}; if(emptyValue){obj.value = "test"} ' これは私が話していることです – AlexeyKuznetsov
とOBJキーで動的属性を行います
<a {...obj} ></a>
をレンダリング関数ですが、return
の前には次のようになります。
render() {
var input = (<input />);
if (!emptyValue) {
input = (<input value='test'/>)
}
return (
<div>
{input}
</div>
)
}
なぜなら、 '? – Li357
@AndrewLiあなたは正しいです。一度 'emptyValue'が真であることを望みますが、" value "属性は" input "に存在すべきではありません。 – coderz
もちろん、 'const props = {value:" test "、otherProp:" blah "}'、 '' – Li357