TypeError: this.validacoes.map is not a function

Oi, Alexandre, tudo bem?

Você pode compartilhar o código do seu Formulario.js? Podemos entender melhor o que está acontecendo com esse arquivo, pois testei esse código com o projeto do curso e não obtive esse erro. Aguardo :}

Segue o meu código do Formulario.js ...

import React, { Component } from 'react';
import styled, { css } from 'styled-components';

import FormValidator from './FormValidator.js';

// É dentro desses (`) acentos graves que entrará o código CSS 
// para estilizar o Container
const Container = styled.div`
  text-align: center;
`;

class Formulario extends Component {

    /* Criaremos também um constructor(), afinal, como temos um formulário no qual 
       dados serão inseridos, iremos alterar o estado de um elemento. Nesse 
       construtor, receberemos os props e os passaremos para o Component com o 
       super(). Criaremos então um stateInicial, um objeto com o estado inicial do 
       nosso formulário, no qual todos os campos estarão vazios. Por fim, setaremos 
       o state com esse stateInicial. */
    constructor(props) {
        super(props);

        this.validador = new FormValidator(
            {
                campo: 'nome',
                metodo: 'isEmpty',
                validoQuando: false, // Qdo o método isEmpty é válido ? Qdo for false.
                mensagem: 'Entre com um nome'
            },
            {
                campo: 'livro',
                metodo: 'isEmpty',
                validoQuando: false,
                mensagem: 'Entre com um livro'
            },
            {
                campo: 'preco',
                metodo: 'isInt',
                args: [{ min: 0, max: 99999 }],
                validoQuando: true, // Qdo o método isInt é válido ? Qdo for true.
                mensagem: 'Entre com um valor numérico'
            }
        );

        this.stateInicial = {
            nome: '',
            livro: '',
            preco: '',
            validacao: this.validador.valido()
        }

        this.state = this.stateInicial;
    }

    // Método para escutar eventos de input
    escutadorDeInput = event => {
        const { name, value } = event.target;

        this.setState({
            [name]: value
        });
    }

    // Método para submeter novo autor ao formulário
    submitFormulario = () => {

        const validacao = this.validador.valida(this.state);

        if (validacao.isValid) {
            this.props.escutadorSubmit(this.state);
            this.setState(this.stateInicial);
        } else {
            const {nome, livro, preco} = validacao;
            const campos = [nome, livro, preco];

            const camposInvalidos = campos.filter(elem => {
                return elem.isInvalid;
            });

            camposInvalidos.forEach(console.log);

        }

    }

    render() {

        const { nome, livro, preco } = this.state;

        return (
            /* Repare que no formulário temos a palavra 'for', que é uma palavra 
               reservada do JavaScript, e que não poderemos utilizar no JSX. 
               Sendo assim, vamos alterá-la para o equivalente 'htmlFor'. */
            <form>

                <div className="row">
                    <div className="input-field col s4">
                        <label className="input-field" htmlFor="nome">Nome</label>
                        <input
                            className="validate"
                            id="nome"
                            type="text"
                            name="nome"
                            value={nome}
                            onChange={this.escutadorDeInput}
                        />
                    </div>

                    <div className="input-field col s4">
                        <label className="input-field" htmlFor="livro">Livro</label>
                        <input
                            className="validate"
                            id="livro"
                            type="text"
                            name="livro"
                            value={livro}
                            onChange={this.escutadorDeInput}
                        />
                    </div>

                    <div className="input-field col s4">
                        <label className="input-field" htmlFor="preco">Preço</label>
                        <input
                            className="validate"
                            id="preco"
                            type="text"
                            name="preco"
                            value={preco}
                            onChange={this.escutadorDeInput}
                        />
                    </div>
                 </div>

                <Container>
                    <button className="waves-effect waves-light blue lighten-2 btn"
                        onClick={this.submitFormulario} type="button">Salvar</button>
                </Container>

            </form >

        )

    }

}

export default Formulario;

Oi, Alexandre, bom dia!

No arquivo Fomulario.js dentro do objeto New FormValidator faltaram os colchetes do array, devendo ficar assim:

 this.validador = new FormValidator([
      {
        campo: "nome",
        metodo: "isEmpty",
        validoQuando: false,
        mensagem: "Entre com um nome",
      },
      {
        campo: "livro",
        metodo: "isEmpty",
        validoQuando: false,
        mensagem: "Entre com um livro",
      },
      {
        campo: "preco",
        metodo: "isInt",
        args: [{ min: 0, max: 99999 }],
        validoQuando: true,
        mensagem: "Entre com um valor numérico",
      }
    ]);

Assim, vai funcionar certinho. Testa e me fala se deu certo :}

 Bom dia Laís !

 Inseri os colchetes do array e funcionou certinho. Nossa, como ficamos viciados com o código ao ponto de não ver essas coisinhas, que fazem toda a diferença ;-)

 Nada como um outro olhar ...

Obrigado !

Que bom que te ajudou, Alexandre :}

Bons estudos!