我尝试从API获取信息，但useState（）无法正常工作。我通过双击每一行获得工作订单网格，然后我应该从特定的API路径获取信息到“workorder/：id”并显示它们。但当我尝试通过双击一行来控制台记录信息时，我得到“未定义”
下面是我代码：

const gridOptions = {
    onRowDoubleClicked: openWorkOrder,
  }
function openWorkOrder(row) {
        const workOrderId = row.data.id
        navigate(`workorder/${workOrderId}`)
        fetch(`baseURL/api/Gages/WorkFlow/GetProductDetailByOrderId?id=${workOrderId}`)
          .then((result) => result.json())
          .then((data) => props.setDetails(data))
        console.log(props.details)
    }

const [details, setDetails] = useState()在父元件中定义。