Проверка состояния внутри формы и ответа React + Validation

Question

Это мое FormItem

<FormItem label="Rate">
    {getFieldDecorator('ORSalesAndPurchaseSalesPrice', {
        initialValue: "",                   
    })(
        <Input placeholder="Rate(0.00)"/>
    )}
</FormItem>

Мне нужно условие

if(value.ItemTpeId ==1)
  <Input placeholder="Rate(0.00)"/>
else
  <Input placeholder="Rate(%)"/>

Как мне применить эту логику для заполнителя внутри FormItem?Мне также нужно проверить это поле, чтобы разрешались только цифры и десятичная точка.

Answer 1

Давайте возьмем Rate в одну переменную

const rate = (value.ItemTpeId===1) ? "Rate(0.00)" : "Rate(%)";

И добавим это, чтобы вернуть

<FormItem label="Rate">
    {getFieldDecorator('ORSalesAndPurchaseSalesPrice', {
        initialValue: "",                   
    })(
        <Input placeholder={rate}/>
    )}
</FormItem>

Надеюсь, это поможет!

Answer 2

Использовать троичный оператор.

<Input placeholder={value.ItemTpeId === 1 ? "Rate(0.00)" : "Rate(%)"}/>