Estoy creando una aplicación web en ReactJS donde necesito mostrar algunos enlaces.
Algunos de estos enlaces deben terminar con un código de identificación y otros con otros
Ejemplo:
https://www.example.com/lorem&[ID-CODE1] https://www.other.com/lorem&[ID-CODE2]Necesito hacer esto solo para 2 dominios diferentes.
Mi código es algo como esto:
link={type.content?.url}pero debería ser
link={type.content?.url}&[ID-CODE1] or &[ID-CODE2]Espero que esta explicación no suene demasiado críptica y que ustedes puedan ayudarme con esto, por favor.
¿Te refieres a algo como esto?
function constructURLQuery(url, code) { return `${url}/?lorem&id=${code}` } const LinkComponent = (props) => ( <a href={props.link} title={props.title}>{props.link}</a> ) const ListComponent = (props) => ( <ul> {props.links.map(({ id, title, url, code }) => ( <li key={id}> {title}: <LinkComponent link={constructURLQuery(url, code)} title={title}/></li> ))} </ul> ) const links = [ { id: 1, title: 'example', url: 'https://www.example.com', code: '[ID-CODE1]' }, { id: 2, title: 'other', url: 'https://www.other.com' , code: '[ID-CODE2]'}, ] const App = (<ListComponent links={links} />) ReactDOM.render( App, document.getElementById("app") ); <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script> <div id="app"></div>