Question

我正在构建一个简单的应用程序，我希望在发生错误时重定向到根目录。该错误运行正常。

useEffect(() => {
    const { name, room } = quertString.parse(location.search);

    socket = io(ENDPOINT);
 
    setUserName(name);
    setRoomID(room);

    socket.emit('join', { name, room }, (error) => {
      if(error) {
        alert(error)
      }
      return <Redirect to="./"/>
    });
  }, [ENDPOINT, location.search ]);

什么是对我最好的方法？谢谢

Answer 1

您可以使用道具路由器中的历史记录

const Component = ({history}) => {

然后

useEffect(() => {
    const { name, room } = quertString.parse(location.search);

    socket = io(ENDPOINT);

    setUserName(name);
    setRoomID(room);

    socket.emit('join', { name, room }, (error) => {
      if(error) {
        alert(error)
      }
      history.push("/")
    });
  }, [ENDPOINT, location.search ]);

处理错误后如何在react.js中重定向

1 个答案: