React if문

* render 함수의 return 안에는 jsx가 오고, jsx 안에서는 for와 if를 못쓴다.

따라서

 

* 삼항연산자를 사용하는 것이 제일 깔끔하다

return result.length === 0 
                ? null 
                : <div>평균 시간: {result.reduce((a, c) => a + c) / result.length}ms</div>

 

* 아니면 즉시 실행 함수를 통해서

{
    (() => {
        if(result.length === 0) {
            return null;
        }else{
            return <>
                <div>평균 시간: {result.reduce((a, c) => a + c) / result.length}ms</div>
                <button onClick= {onReset}>리셋</button>
            </>
        }
    })();
}