Javascript React link appends localhost link

JavaScript
1

Hi,
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/www.testing.com/
My code looks like this:

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

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

2

You need to add protocol. Something like;

href={'http://' + data.business_json.website}