Ошибка типа: this.state.addroom.map не является функцией - PullRequest
Новая
       16

Ошибка типа: this.state.addroom.map не является функцией

0 голосов
/ 28 апреля 2020

Я пытаюсь сделать в своем проекте реагирования кнопку, при нажатии которой автоматически генерируется другая кнопка.

Но в процессе этого, когда я нажимаю кнопку, я получаю эту ошибку:

TypeError: this.state.addroom.map is not a function

Вот мой код: 

import React, { Component } from 'react';
import Select, { components } from 'react-select';
import styles from '../styles/loginsignup.css'
import axios from 'axios'
export default class AccomodationInfo extends Component {

    constructor() {
        super();
        this.state = {
            accomcate: null,
            addroom: 0,
            isLoading: true,
        }
      }
handleClick = event => {
        event.preventDefault()
        const addroom = this.state
        this.setState({ addroom: this.state.clicks + 1 })
        console.log(addroom)
        return (
            <React.Fragment>     
            <div>

                {this.state.addroom.map(addrooms => (
                  <button key={addroom} className={addrooms.modifier}>
                    {addrooms.context}
                  </button>
                ))}
           </div>   
           </React.Fragment>
          );
    }
render() {
        return(
            </div>
               <button onClick={this.handleClick}>Add room</button>
            </div>



        )


    }


}

Кто-нибудь знает решение этой проблемы?

- Большое спасибо

...