ajax수업 중 로딩중 ul 넣는 것

[손민빈]

코드와 에러 첨부합니다 ! 

왜 안되는지 잘 모르겠습니다 ㅎㅎㅎ

 

let [loading, loading변경] = useState(true);

 

<button className="btn btn-primary" onClick={()=>{
           
            {
              loading === true
              ? (<div><p>Loading...</p></div>)
              : null
            }
           
            axios.get('https://codingapple1.github.io/shop/data2.json')
            .then((result)=>{
              loading변경(false);
              shoes변경 ([ ...shoes, ...result.data ])
            })
            .catch(()=>{
              loading변경(false);
            })
          }}>더보기</button>

 

Expected an assignment or function call and instead saw an expression no-unused-expressions

Search for the keywords to learn more about each error.

[codingapple]

onClick="" 안에 <div>태그를 남기셨는데 그러면 뭔가 이상합니다 

<div><p>Loading...</p></div> 이건 버튼 밖에 사용하도록 합시다 

[손민빈]

버튼을 클릭하고 로딩ul 가 나와야하는데 

밖에서 사용하라는것은 어떤방법인가요?

 

혹시 함수로 만들어서 넣어도 작동이 하나요?

function 로딩 () {
  return(
    loading === true
    ? (<div><p>Loading...</p></div>)
    : null
  );
}

 

<button className="btn btn-primary" onClick={()=>{

            로딩();
           
            axios.get('https://codingapple1.github.io/shop/data2.json')
            .then((result)=>{
              loading변경(false);
              shoes변경 ([ ...shoes, ...result.data ])
            })
            .catch(()=>{
              loading변경(false);
            })
          }}>더보기</button>

[codingapple]

<button onClick="<div><p>Loading...</p></div>" > 이런 식으로 html을 작성할 수는 없습니다

 

<button onClick=""></button>

<div><p>Loading...</p></div>

이렇게 나란히 쓰거나 그러셔야합니다 

[글쓴이]

글