Александр Черемхин

useEffect(() => {
        setTimeout(() => {
            func(setTables, setPrices, setColor, prices, isMobile)
            console.log(color)
        }, 10000)
    },[]);  // без [] useEffect будет вызываться при каждом рендеринге

setInterval(()=>{
       fetch(‘/api/auth’); // будет вызываться 1 раз в сек. 
   },1000);

componentDidMount(){
        fetch(`https://bank.gov.ua/NBUStatService/v1/statdirectory/exchange?json`)
        .then(res => res.json())
        .then(
            (result) => {
                this.setState({
                    items: result // !!!
                })
            }
        )
    }

state = {
    listItems: []
  }
addItem = (itemId) => {
    const newItem = this.props.itemsList.find(item => itemId === item.id);
    
    newItem && this.setState(state => ({
       ...state,
       listItems: [...state.listItems, newItem]
    }))
  }

const onKeyDown = e =>{
// обработайте нажатие клавиши. 
}
return (
    <textarea onKeyDown={onKeyDown} .../>
)

Class BookList extends Component {
    componentDidMount() {
        // 1. receive data
        const {bookstoreService} = this.props;
        const data = bookstoreService.getBooks();
        //console.log(data); // full

        // 2. dispatch action to store
       this.props.dispatch( this.props.booksLoaded(data)); // !!!! dispatch
    }
    ....

const initialState = {items: []};

const reducer = (state, action) => {
  switch (action.type) {
    case 'ADD':
      return {
        ...state,
        items: [...state.items, action.newItem]
      };
      
    default:
      throw new Error();
  }
};

const App = () => {
  const [state, dispatch] = useReducer(reducer, initialState);

  const onAdd = e => {
    window.fetch(url, {method: 'post', body:  {name: 'new task'} }) //  отправляем новую задачу на сервер
      .then(data => dispatch({ type: 'ADD', newItem: data})    // data = {id:9, name: 'new task'}  ответ сервера в reduce
      .catch(err => dispatch({ type: 'ERR',  err}) // как то ошибку обработать
  }
  return   <button onClick={onAdd}> {state.items.length} </button>;
}