Как добавить URL-ссылки в оповещения?

Question

Я пытаюсь добавить URL-ссылку на строку, но по какой-то причине не могу отобразить ее. Есть ли способ добавить якорную ссылку в оповещения? Я использую antd для отображения предупреждений.

class Settings extends PureComponent {
  state = {
    inValid:
      "This is a message because you haven't verified your email. If you haven't so, please click here to Verify Email`<a href=\"http://bing.com\">Bing</a>.`"
  };

  render() {
    const { inValid } = this.state;
    return (
      <AppLayout>
        <Container>
          <Row>
            <Alert
              message="Verify Email"
              description={inValid}
              type="warning"
              showIcon
            />
            <br />
            <SettingsTabs />
          </Row>
        </Container>
      </AppLayout>
    );
  }
}

Answer 1

Согласно документации свойство description принимает либо string, либо ReactNode. Поэтому вы можете попытаться определить ReactNode вместо string, который содержит компонент Link, например:

state = {
    inValid: (
        <div>This is a message because you haven't verified your email. If you haven't so, please click here to Verify Email <Link href="http://bing.com">Bing</Link>.</div>
    )
};