Добавление динамической ссылки

Question

Я хочу добавить новую ссылку следующим образом

React.Fragment
            li key ={props.items.Poster} img src={props.items.Poster} alt={props.items.Title} li
            li key={props.items.Title}>{props.items.Title} li
            li key={props.items.Year}>{props.items.Year} li
       React.Fragment

в приведенном выше коде, я хочу добавить ссылку вокруг тега изображения.и я хочу перенаправить на другую страницу вместе с некоторыми параметрами, чтобы я мог использовать их в качестве реквизита на другой странице.Может кто-нибудь, пожалуйста, дайте мне знать, как это сделать?

Answer 1

Если я правильно понимаю, вы могли бы достичь того, что вам нужно, сделав что-то вроде этого:

render() {

    /* Construct href from props data, pass data to new page via query string */
    const { items } = this.props;
    const url = 'someUrl';
    const href = `${ url }?title=${ items.Title }&year=${ items.Year }`;

    /* Wrap img with link and pass dynamically computed href */
    return <React.Fragment>
        <li key ={props.items.Poster}>
            <a href={ href }> 
                <img src={props.items.Poster} alt={props.items.Title}/>
            </a>
        </li>
        <li key={props.items.Title}>{props.items.Title}</li>
        <li key={props.items.Year}>{props.items.Year}</li>
    </React.Fragment>
}