[TIL]21.12.12

다음과 같은 코드가 있다. temp와 맨 처음 return은 테스트 용이다.리액트 컴포넌트에서 잘 렌더링되는 가에 대한. 함수리턴한 값을 컴포넌트안에서 렌더링 하려하는데 렌더링은 되는데 공간이 없어서 안녕하세요가 보이지 않는다. 이렇게 state에 태그를 넣어서 렌더링은 보통 되었는데 왜 안되는지 내일 다시한번 알아봐야겠다.

그리고 okky에서 프로젝트를 하시는 분이 리액트 개발하시는 분을 구해서 참여하게됐다 열심히 해봐야겠다.

   function makeHowManyPage(count) {

        let temp = ['안녕하세요', '안녕하세요', '안녕하세요', '안녕하세요'];

        return <div>{
        ()=>{
            for(let i = 0; i < temp.length; i++){
            <div>{temp[i]}</div>
        }
        }    
        }</div>;

        return <div 
        className="makeHowManyPage"
        style={{ display: 'flex', justifyContent: 'center' }}>
            {() => {
                for (let i = 1; i <= count; i++) {
                    return <div>{i}</div>
                }
            }}
        </div>;;
    }