在另一个选择的基础上对选择条件进行反应

Question

我正在使用react formik。我在条件呈现方面有问题。我正在处理一个表单，该表单有一个复选字段，该字段被选中，所选框将被打开。如果他们选择付费，则选择框包含两个字段"免费"one_answers"付费"。另一个选择字段要打开。我对第二个选择有问题，因为它们不是条件渲染

代码沙箱链接https://yvbm3.csb.app/

Answer 1

我认为您的问题在于此检查：values.toggle2.paid ?。您试图查看对象toggle2的paid参数是否正确，但它总是错误的，因为toggle2的值是一个字符串。

将代码更改为：{values.toggle2 === 'paid' ? (，它应该可以工作。

以下是完整的区块：

{values.toggle2 === 'paid' ? (
<label>
<Field name="toggle3" displayEmpty variant="outlined" as="select">
<option value="free">Free</option>
<option value="paid">Paid</option>
</Field>
</label>
) : null}