`style` 소품은 문자열이 아닌 스타일 속성에서 값으로의 매핑을 예상합니다.

의미: 스타일 소품에 값을 입력했지만 문자열을 입력했습니다.

이 오류가 나타나는 이유는 무엇입니까?

말 그대로 CSS 코드 자체가 스타일에 포함되어야 하는데 문자열이 포함되기 때문입니다.

클래스명에 적용할 스타일을 작성했습니다.

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에 명시해야 할 내용이 스타일에 직접 들어가지 않았는지 확인해보자.