Javascript React link appends localhost link

i am trying to dynamocally pass website links for my objects. Some links work but for others the link for the localhost is added and the link looks like this http://localhost:3000/
My code looks like this:

              <Header size='medium' textAlign='center'>Website</Header>
              <List verticalAlign='middle'>
                  <List.Content  style={{fontSize: "110%", lineHeight: 2, color: "#000", testAlign:"Justify", wordBreak: "keep-all"}}> 
                  <a  style={{color:"blue"}} href={} target="blank" >{} </a></List.Content>

Any advise on how i should pass the link dynamically in href="" will be appreciated.

You need to add protocol. Something like;

href={'http://' +}