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

使用三元运算符。

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

Answer 2

让我们将Rate纳入一个变量

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

并添加该内容以返回

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

希望这会有所帮助！

在Antd形式的React +验证中进行条件检查

2 个答案: