sangkukbae12

sangkukbae12

import React, { Component } from "react";

class ProductData extends Component {
  state = {
    products: []
  };

  componentDidMount() {
    getProducts().then(products => {
      this.setState({

sangkukbae12

import React, { Component } from "react";

const withProductData = WrappedComponent =>
  class ProductData extends Component {
    state = {
      products: []
    };

    componentDidMount() {
      getProducts().then(products => {

sangkukbae12

const MyContext = React.createContext(defaultValue);
<MyContext.Provider value={someValue}>
const value = useContext(MyContext);

// app.js
import React, {useState} from 'react';

import Comp1 from './comp1';
import { UserProvider } from './user'
import './App.css';

sangkukbae12

// The stores represent the ui state
class SearchStore {
  @observable searchText;
  
  @action
  setSearchText = (searchText) => {
    this.searchText = searchText
  }
}

sangkukbae12

// Bound Actions
import { observable } from "mobx";
class Counter {
  @observable count = 0;
  @action.bound
  increment() {
    this.count++;
  }
}
const counter = new Counter();

sangkukbae12

// EXAMPLE WITH CONTEXT
import React, {useContext, useState} from 'react';

const AppContext = React.createContext(null);

const ContextProvider = ({children}) => {
  const [counter, setCounter] = useState(0);
  const contextValue = {
    counter,
    setCounter

sangkukbae12

// Generators
// define
function* generator(i) {
 yield i;
 yield i + 10;
}
// init
const gen = generator(10);

// use

sangkukbae12

// A simple promise that resolves after a given time
const timeOut = (t) => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(`Completed in ${t}`)
    }, t)
  })
}
// Resolving a normal promise.
timeOut(1000)

sangkukbae12

// codesandbox: https://codesandbox.io/s/react-codesandbox-o9e9f

import React from "react";
import ReactDOM from "react-dom";

function Logger(props) {
  console.log(`${props.label} rendered`);
  return null; // 여기서 반환되는 값은 부적절하다...
}