setState는 어떻게 무엇을 해야 할지 알까?

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

class Button extends React.Component {
  constructor(props) {
    super(props);
    this.state = { clicked: false };
    this.handleClick = this.handleClick.bind(this);
  }
  handleClick() {
    this.setState({ clicked: true });
  }
  render() {
    if (this.state.clicked) {
      return <h1>Thanks</h1>;
    }
    return (
      <button onClick={this.handleClick}>
        Click me!
      </button>
    );
  }
}

ReactDOM.render(<Button />, document.getElementById('container'));

// 약간 단순화됨
function createContext(defaultValue) {
  let context = {
    _currentValue: defaultValue,
    Provider: null,
    Consumer: null
  };
  context.Provider = {
    $$typeof: Symbol.for('react.provider'),
    _context: context
  };
  context.Consumer = {
    $$typeof: Symbol.for('react.context'),
    _context: context,
  };
  return context;
}

// React DOM 내부
const inst = new YourComponent();
inst.props = props;
inst.updater = ReactDOMUpdater;

// React DOM Server 내부
const inst = new YourComponent();
inst.props = props;
inst.updater = ReactDOMServerUpdater;

// React Native 내부
const inst = new YourComponent();
inst.props = props;
inst.updater = ReactNativeUpdater;

// 약간 단순화됨
setState(partialState, callback) {
  // 렌더러와 다시 대화하기 위해 `updater` 필드를 사용합니다!
  this.updater.enqueueSetState(this, partialState, callback);
}

// React에서 (약간 단순화됨)
const React = {
  // 실제 속성은 조금 더 깊이 숨겨져 있습니다. 찾을 수 있는지 봅시다!
  __currentDispatcher: null,

  useState(initialState) {
    return React.__currentDispatcher.useState(initialState);
  },

  useEffect(initialState) {
    return React.__currentDispatcher.useEffect(initialState);
  },
  // ...
};

// React DOM에서
const prevDispatcher = React.__currentDispatcher;
React.__currentDispatcher = ReactDOMDispatcher;
let result;
try {
  result = YourComponent(props);
} finally {
  // 이를 다시 복원합니다
  React.__currentDispatcher = prevDispatcher;
}