[TIL] Why 토큰 이코노미? React에서 useState의 set함수는 비동기

[TIL] Why 토큰 이코노미? React에서 useState의 set함수는 비동기

날짜

• 2022.06.16.

목표

• OpenSea 클론코딩 마무리

내용

React - useState의 set함수는 기본적으로 비동기

• set함수에 값을 넣어 state를 변경하게 되면 비동기적으로 처리

    import React, {useState} from 'react';
  
    const App = () => {
        const [value, setValue] = useState('');
  
        const countHandler = () => {
            setState(value + 1);
        }
  
        return(
            <div>
                <h3>{value}</h3>
                <button onClick={countHandler}>count</button>
            <div>
        );
    }
    export default App;

• set함수에 콜백함수를 넣어 동기적으로 처리

    import React, {useState} from 'react';
  
    const App = () => {
        const [value, setValue] = useState('');
  
        const countHandler = () => {
            setState((state) => state + 1);
        }
  
        return(
            <div>
                <h3>{value}</h3>
                <button onClick={countHandler}>count</button>
            <div>
        );
    }
    export default App;

토큰 이코노미 왜 배우니?

• M2E를 설계할 때 어떤 토큰 이코노미를 적용하는지 매우 중요함
• 블록체인 프로젝트에서 토큰 이코노미가 전부

결론

• useState의 set함수는 기본적으로 비동기임을 학습함
• 토큰 이코노미는 M2E를 설계할 때 매우 중요하므로 학습이 필요함을 느낌