12
0

آیا راهی هست که فقط وقتی یه شرط برآورده شد، ویژگی‌ها رو به کامپوننت‌های React اضافه کنیم؟

من باید ویژگی‌های required و readOnly رو به المان‌های فرم بر اساس یه تماس Ajax بعد از رندر اضافه کنم، اما نمی‌تونم راه‌حلی پیدا کنم چون readOnly="false" با حذف کامل ویژگی تفاوت داره.

مثال زیر باید توضیح بده که چی می‌خوام، ولی کار نمی‌کنه.

(Parse Error: Unexpected identifier)

function MyInput({isRequired}) {
  return <input classname="foo" {isRequired ? "required" : ""} />
}
0

به نظر می‌رسه برای بعضی ویژگی‌ها، React به اندازه‌ای هوشمند هست که اگر مقداری که بهش می‌دی درست نباشه، اون ویژگی رو حذف کنه. مثلاً:

const InputComponent = function() {
    const required = true;
    const disabled = false;

    return (
        <input type="text" disabled={disabled} required={required} />
    );
}

منجر به:

<input type="text" required>
ارسال پاسخ به سوال بالا

برای ارسال پاسخ باید وارد اکانتت بشی

اگر پاسخت شامل تکه کدی میشه، از منوی ویرایشگر پایین، تکه کدی که نوشتی رو انتخاب کن و بعد از طریق زبان کدی که نوشتی رو انتخاب کن تا کدت داخل بلاک مخصوص زبان خودش قرار بگیره و کدت خواناتر برای بقیه نشون داده بشه

اگه پاسخت رفرنسی داره، لینک رفرنس رو هم بذار تا پاسختت کاملتر و معتبر تر بشه