Как автоматически раздать ключ при занесении значения в объект?

Question

Есть такой код (подрезал для упрощения):

let names = {
    0: 'name1',
    1: 'name2',
    2: 'name3'
};

class Element extends React.Component {

    ....
    
    handleAddElement = (e) => {
        e.preventDefault();
        this.setState({
            input:''
        });
        let result = this.input;
    }

    render () {
        let brand = this.props.brand;
        return (
        .... {names[brand]} ....
        );
    }
}

function App () {
    return (
            <div>
                <Element brand="0"/>
                <Element brand="1"/>
                <Element brand="2"/>
            </div>
    );
}

Мне нужно, чтобы из handleAddElement результат инпута добавлялся в объект и у него автоматически ставился ключ. Также мне нужно, чтобы в функции App автоматически выставлялся ключ brand. Подскажите как реализовать.

Answer 1

Что бы отрендерить массив вам нужен метод map https://reactjs.org/docs/lists-and-keys.html

БЛОГ НА HUSL

Как автоматически раздать ключ при занесении значения в объект?

Ответы (1 шт):