작성
·
235
0
render() {
const {result, score, imgCoord} = this.state;
return (
<>
{imgCoord}
<div id="computer" style={{ background : `url('https://en.pimg.jp/023/182/267/1/23182267.jpg') ${imgCoord} 0` }}/>
<div>
<button id="rock" className="btn" onClick={() => this.onClick('바위')}>바위</button>
<button id="scissor" className="btn" onClick={() => this.onClick('가위')}>가위</button>
<button id="paper" className="btn" onClick={() => this.onClick('보')}>보</button>
</div>
<div>결과 {result}</div>
<div>현재 {score}</div>
</>
);
}
1. 선생님 방식대로 따라했으나 이미지가 변경되지 않습니다.
{imgCoord}를 별도로 꺼내서 찍어보면 변경이 되는데
<div id ="computer" 의 `${imgCoord}`여기에 넣을 경 해당 태그의 속성에서는 값이 변경이 되지 않습니다 .왜그럴까요 ?
이거 때문에 한참 헤맸는데 감사합니다 ㅠㅠ