Как прировнять ссылки https://site.com и site.com в реакт приложении?

Question

[TheSerKat]

Из БД приходят 2 ссылки
url1 = 'https://facebook.com'
url2 = 'github.com'

<a href={props.url1}>Facebook</a> //Переходит на сайт как абсолютная ссылка
<a href={props.url2}>Github</a> //Переходит  localhost/github.com как относительная ссылка

Как сделать так чтобы они все были абсолютными ссылками, не зависимо есть ли в ссылке https:// ?

Answer 1

[OxCom]

прежде чем выводить ссылку, можно проверить наличие schema и если нет, сделать свою магию.

console.log(/https?:\/\/.*?/.exec('https://github.com'));
// ["https://", index: 0, input: "https://github.com", groups: undefined]

console.log(/https?:\/\/.*?/.exec('github.com'));
// null

Answer 2

[smigles]

Те, что без https://, должны быть с http://.