The `style` prop expects a mapping from style properties to values, not a string 오류

 

뜻 : 당신이 style prop에 값을 넣어야하는데 문자열을 넣었다.

 

왜 이런 오류가 뜰까?

 

말 그대로 style에는 CSS 코드 자체가 들어가야하는데 문자열을 넣었기 때문이다.

 

나는 classname에 적용한다는 것은 style에 작성해버렸다.

 

 

 

1. 오류가 난 코드

      <div style={styles.questionBox}>
        {/* {quizdata[0].choices} */}
        {quizdata[0].choices.map((choice) => (
          <div key={choice.id}>{choice.text}</div>
        ))}
      </div>

 

2. 수정한 코드

      <div className={styles.questionBox}>
        {/* {quizdata[0].choices} */}
        {quizdata[0].choices.map((choice) => (
          <div key={choice.id}>{choice.text}</div>
        ))}
      </div>

 

className에 지정해야할 것은 style에 직접 넣은 것이 아닌지 확인해보자.