ReactJS:在props中使用Link而不是a-tag

loading...


0

当API向前端发送错误时,我想在 props 中使用 Link 来自 react-router-dom ,而不是 a -tag . 这可能吗?

React中的代码:

{
    errors.activateAccount && (
        <div className="invalid-feedback" dangerouslySetInnerHTML={{__html: 
    errors.activateAccount}}/>
     )
}

来自Api的回应:

if (!user.activated) {
  errors.activateAccount = 'Here comes the error message with a <a href="/">link</a>.';
  return res.status(400).send(errors);
}

loading...

1回答

  • 0

    根据我的意见,通过后端进行此操作不是一个好的选择,您可以简单地传递一条消息并处理它在前端应用程序中的外观,在本例中为React .

    来自API的回复:

    if (!user.activated) {
      errors.activateAccount = 'Simple Message';
      return res.status(400).send(errors);
    }
    

    在React App中,您可以获得响应并在组件中执行此操作 .

    // inside render() Method
    render() {
      if(errors.activateAccount.length > 0){
        // Now you return the message composed in Link Component.
        return <Link>{errors.activateAccount.message}</Link>
      } else {
        // Now you return your default component or anything you want
      }
    }
    
评论

暂时没有评论!