即使一切正常，钩子调用也无效

Question

我最近每次使用钩子时都会收到这个警告，我不知道该怎么做，我要确保上述 3 个可能的原因（重复反应、版本不匹配或钩子规则损坏）都不成立是的，但我还是遇到了这个问题

const WelcomeScreen = ({ match, location }) => {
    const dispatch = useDispatch();
    const state = useSelector(state => state.first)
    const id = match.params.id
    const { examDetails, loading } = state;

    useEffect(() => {
        dispatch(getInstituteDetails(id))
    }, [dispatch, id])

    if (loading)
        return <h3>Loading...</h3>
    
    console.log(examDetails);
    return {...

它显示在第二行本身

Answer 1

您在 react-router-dom 中使用了错误的 API：

// not render={WelcomeScreen}
<Route component={WelcomeScreen} path="/" exact />

https://codesandbox.io/s/confident-thompson-ujlxf?file=/src/error.js