리액트 로딩중 컴포넌트 만들기 문제

말씀하신것처럼

<button onClick ={()=>{  
                          
                             "여기에 삼항연산자  "

            ex)

            {

               loading==true?             
              <div className="loading"> loading...</div>
               :null   

              }         
            axios.get('https://codingapple1.github.io/shop/data2.json')
            .then((result)=>{
              

                  "여기에 스테이트 바꿈" ex) setLoading(false);
              
              setShoes([...shoes, ...result.data]);
                           
              <div className="loading"> loading...</div>
                 
              
              

            })
            .catch(()=>{

"여기에 스테이트 바꿈" ex) setLoading(false);

            })

이런 식 아닌가요?

제가 삼항연산자 할때 강의를 다시 들어봤는데 문법을 잘못알고있는것같습니다.

이렇게 쓰면 no-unused-expressions 이런 에러가 뜹니다.