evasconcelos

<InputContainer ...props>
    <InputLabel ...props />
    <InputLeftAddon ...props />
    <InputControl ...props />
    <InputRightAddon ...props />
</InputContainer>

evasconcelos

import React, { FC } from "react";

interface InputProps {
  inputRef: React.RefObject<
    HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement
  >;

  className?: string;
  containerClassName?: string;
  formGroupClassName?: string;

evasconcelos

import React, { FC } from "react";

interface InputProps {
  value: string;
  onChange: React.ChangeEventHandler<HTMLInputElement>;
  className?: string;
  label: string;
}

const Input: FC<InputProps> = ({ label, ...props }) => {

evasconcelos

interface CatFactData {
  facts: string[];
  color: string;
  link: string;
}

const CatFact = ({ facts }: CatFactData) => {
  return (
    <ul>
      {facts.map((fact) => (

evasconcelos

interface CatFact {
  facts: string[];
  color: string;
}

const CatFactA = ({ facts, color }: CatFact) => {
  return (
    <>
      {facts.map((fact, index) => (
        <p style={{ color }}>

evasconcelos

import { useEffect, useState } from "react";
import RequestCatFactService from "./RequestCatFactService";

export default function App() {
  const [fact, setFact] = useState("");

  useEffect(() => {
    RequestCatFactService().then((res) => {
      setFact(res);
    });

evasconcelos

import { useEffect, useState } from "react";
import axios from "axios";

export default function App() {
  const [fact, setFact] = useState("");

  useEffect(() => {
    axios.get("https://cat-fact-herokuapp.com/facts").then((res) => {
      setFact(res.data[0].text);
    });

evasconcelos

const path = require('path');

module.exports = {
    module: {
        rules: [
            {
                test: /\.css$/,
                use: [
                    {
                        loader: 'postcss-loader',