comewithme38
@comewithme38

Как правильно обратиться к указателю на текущий элемент массива?

Есть такой код, который выводит список постов:
import React from "react";


type respX = {
    "id": any,
    "userId": any,
    "title": any,
    "body": any,
}

interface PropsI {
}

interface StateI {
    data: respX[];
}

export class ComponentPostList extends React.Component<PropsI, StateI> {

    state: StateI = {data: []}

    async componentDidMount() {
        const response = await fetch(`https://jsonplaceholder.typicode.com/posts/`);
        const json = await response.json();
        this.setState({data: json});
    }


    render() {
        return (
            <div className="About">
                {this.state.data.map(el => (
                    <li key={el.id}>
                        {el.title}
                    </li>
                ))}
            </div>
        );
    }
}

Как я могу вывести в консоль id элемента, по которому мы кликнули?
  • Вопрос задан
  • 92 просмотра
Решения вопроса 1
re1mond
@re1mond
{this.state.data.map(el => (
                    <li key={el.id} onClick = {() => {console.log(el.id)}}>
                        {el.title}
                    </li>
                ))}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы