Как получить идентификатор сообщения, когда я использую функцию .map (React / Firebase) - PullRequest
0 голосов
/ 16 октября 2018

Я пытаюсь получить идентификатор записи, когда сопоставляю их в поисковом компоненте.Посты - это результаты поиска по существу.

Пост выглядит так в моей базе данных Firebase.post

Конечно, я могу отобразить все из этого поста в разделе результатов поиска, например:

<List
    inverted
    animated
    divided
    relaxed="very"
    style={{ width: '322.02px' }}
>
    {Object.keys(results).map(key => (
        <List.Item
            key={key}
            as={Link}
            to={`/post/${results[key].id}`}
        >
            <List.Content floated="right">
                <TimeAgo
                    datetime={new Date(results[key].createdAt)}
                    locale="en"
                    style={{ fontSize: '0.7em', marginTop: '-3px' }}
                />
            </List.Content>
            <Image
                avatar
                verticalAlign="middle"
                src={results[key].createdByPhotoURL}
                style={{ marginTop: '3px' }}
            />
            <List.Content>
                <List.Header>{results[key].createdBy}</List.Header>
                <List.Description
                    style={{
                        overflow: 'hidden',
                        whiteSpace: 'nowrap',
                        textOverflow: 'ellipsis',
                        marginTop: '4px',
                        maxWidth: '200px'
                    }}
                >
                    {results[key].message}
                </List.Description>
            </List.Content>
        </List.Item>
    ))}
</List>

Но как я могу получить идентификатор?Мой план состоит в том, чтобы взять текущий идентификатор сообщения и передать его другому компоненту, который затем отобразит все сообщение, чтобы я мог редактировать его в будущем и т. Д. И т. Д.

Можно ли получить идентификатор илиЕсть ли лучшее решение для этого?

Я заранее ценю ответы!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...