Как отренедерить firebase json в React?

Question

[brbrs]

Я начинающий Реакт пользователь, делаю простое приложение взаимодействующее с Firebase.
Подскажите пожалуйста как отрендерить получаемый список значений.

Структура данных в firebase:

words:
     -LcpMf0KkXte40IfKdwS
            key:  "fffddvsdvdv"
     -LcpMpw2trADUe5oYbtd
            key: "qqqq"
      -LcpUHbMEZVlovefySVf
            key: "wqwqwq"

Get запрос к базе:

const response = await axios.get(`API_KEY/words.json`)
     const words = Object.values(response.data)
     this.setState ({
        words
       })

Answer 1

[0xD34F]

Я начинающий

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

Comments

[brbrs]

Так я читал, делаю и у меня ошибки вылетают.

Вот последний вариант

render() {
            const users = this.state.words.map( key => <li> {key} </li>)
        return (
            <div className="todo-item">
                {users}
            </div> 
        )

и ошибка

Objects are not valid as a React child (found: object with keys {key}). If you meant to render a collection of children, use an array instead.

[0xD34F]

brbrs,

Так я читал, делаю и у меня ошибки вылетают

А почему вы об этом в тексте вопроса не рассказали? - как делали, и что за ошибки.

И, кстати, говорите, у вас там json - почему данные показали не в виде json'а, а продемонстрировали какой-то маловразумительный огрызок? Типа, вы тут умники, и так догадаетесь, что там у меня и как?

Ошибку увидели - а дальше что? Пробовали понять, о чём там сказано? Плохо с английским - ну так пользуйтесь онлайн-переводчиками.

Видимо, у вас там не массив строк, а массив объектов, содержащих единственное свойство-строку.
Попробуйте так: this.state.words.map(n => <li>{n.key}</li>).

[brbrs]

0xD34F, Спасибо большое, работает.
При следующих вопросах обязательно учту ваши замечания!