如何从拉的剩余api数据制作网址

Question

I am trying to make a link/url from data that i'm pulling from a rest api. I can't find anywhere else that answers this problem. I currently pull the data from a rest api, then it is made into a constant, that constant needs to be turned into a clickable link. If more info is needed, let me know and i'll try to provide as much info as I can.

const artifactId = props.data.artifactId;
const group = props.data.group;

var jenkinsLink = 
(`${BASE_LINK_URL}${group}${BASE_LINK_URL_EXTENDED}
${artifactId}${BASE_LINK_URL_END}`);

currently the way im trying to turn it into a link is like so,

jenkinsLink= jenkinsLink.replace(/\s/g, "_");

where it says Java 7, that is supposed to be a link to the Jenkins page.

Answer 1

Let's say the 'Java 7' text is having an ID 'javalink' Now you can do this in your javascript code -

const artifactId = props.data.artifactId;
const group = props.data.group;

var jenkinsLink = BASE_LINK_URL + '/' + group + '/' + BASE_LINK_URL_EXTENDED  + '/' + artifactId + '/' + BASE_LINK_URL_END;

var obj = document.getElementById('javalink');
obj.innerHtml = jenkinsLink;