ReactJS: используйте ссылку в подпорках вместо a-tag - PullRequest
Новая
       5

ReactJS: используйте ссылку в подпорках вместо a-tag

0 голосов
/ 10 декабря 2018

Я хочу использовать Link из react-router-dom компонента внутри props вместо a -tag, когда API отправляет ошибку во внешний интерфейс.Возможно ли это?

Код в реакции: 

{
    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);
}

1 Ответ

0 голосов
/ 10 декабря 2018

На мой взгляд, это не очень хорошая возможность сделать это через бэкэнд, вы можете просто передать сообщение и обработать его внешний вид в Front-End App, в данном случае, с помощью React.

Responseиз API: 

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

В приложении React вы можете получить ответ и сделать это в своем компоненте. 

// 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
  }
}
...