Json 在传递onClick道具之前，如何检查数据中的空值？

我试图在调用onlCick prop阻止用户在没有输入数据的情况下继续操作之前检查我的数据是否为空值。 到目前为止我已经试过了，但似乎不起作用

    const [bodyDesc, setBodyDesc] = useState(null);
      const [year, setYear] = useState(null);
      const [driveType, setDriveType] = useState(null);
    
    
      <p onClick={ () =>  bodyDesc || year || driveType === null ? alert('please fill in all fields') : props.next_ClickHandler }>Next</p>

编辑： 我正在使用一个名为react select的库进行下拉选择，下面是一个示例

const [bodyDesc, setBodyDesc] = useState(null);

 const bodyDescOptions = [
    { value: "1", label: "1" },
    { value: "2", label: "2" },
    { value: "3", label: "3" },
    { value: "4", label: "4" },
    { value: "5", label: "5" },
    { value: "6", label: "6" },
  ];

return (
<Select
          className={"poloOption_container"}
          classNamePrefix={"poloOptions"}
          defaultValue={bodyDesc}
          onChange={setBodyDesc}
          options={bodyDescOptions}
          styles={colourStyles}
          placeholder={"Polo seies"}
        />
)

const[bodyDesc，setBodyDesc]=useState（null）；
const bodyDescOptions=[
{值：“1”，标签：“1”}，
{值：“2”，标签：“2”}，
{值：“3”，标签：“3”}，
{值：“4”，标签：“4”}，
{值：“5”，标签：“5”}，
{值：“6”，标签：“6”}，
];
返回(
)

当这些值中的任何一个为空时，您不想提醒用户吗？三元运算符现在的工作方式正好相反。另外，在求值的最后一部分添加函数调用

<p onClick={ () =>  bodyDesc || year || driveType === null ? alert('please fill in all fields') : () => props.next_ClickHandler }>Next</p>

---

在JS中，这不仅会检查

null

，还会检查

undefined

，

NaN

，等等当这些值中的任何一个为null时，您不想提醒用户吗？三元运算符现在的工作方式正好相反。另外，在求值的最后一部分添加函数调用

<p onClick={ () =>  bodyDesc || year || driveType === null ? alert('please fill in all fields') : () => props.next_ClickHandler }>Next</p>

---

在JS中，这将不仅检查

null

，而且检查

undefined

，

NaN

，等等

我的错误让我更新问题，我在调试时这样做了，即使所有字段都设置好了，它仍然会发出警报，而不是将道具推近一步。当值为真时，警报不再弹出，但是道具。push也不会启动？检查控制台，如果我将其更改为

next

它运行得很好，但是当它像这样运行时

！bodyDesc|| |！year | | |！driveType？alert（'请填写所有字段'）：props.next_ClickHandler}>下一步

第二个表达式没有运行我的错误让我更新问题，我这样做是为了调试，即使设置了所有字段，它仍然会发出警报，而不是将props hanks mate推近一步。当值为真时，警报不再弹出，但是，prop。push也不会启动？检查控制台，如果我将其更改为

next

它运行得很好，但是当它像这样运行时

！bodyDesc|| |！year | | |！driveType？alert（'请填写所有字段'）：props.next_ClickHandler}>下一步

第二个表达式不运行不要使用

const

s；使用

let

来声明变量idn't work我很抱歉不要使用

const

s；使用

让

来声明您的变量，恐怕不行

!bodyDesc || !year || !driveType