>source

질문과 답변이 포함 된 json이 있는데 div로 개별적으로 표시됩니다. 사용자는 답변을 클릭 할 수 있으며 다음 질문으로 이동하는 onClick 기능이 있습니다

() => setQuestionIndex(() => questionIndex + 1

json "질문"이 완료되면 새로운 json "솔루션"이 푸시됩니다.

onAnswer={() => {
        if (questionIndex === question.length) {
          () => history.push('/forms/solutions')
        } else {
          () => setQuestionIndex(() => questionIndex + 1)
        }
      }}

() => setQuestionIndex(() => questionIndex + 1 만 사용할 때  다음 질문으로 완벽하게 건너 뛰지 만 조건문이 작동하지 않습니다.

전체 코드 :

const Form = enhance(({
  styles, scenario, questionIndex, setQuestionIndex
  }) => {
const { questions } = scenarios[scenario];
const questionTabs = questions.map((q, i) => {
if (i === questionIndex) {
  return <Tab key={i} {...css(styles.tabActive)}> {i} </Tab>
}
return <Tab key={i} {...css(styles.tab)}> {i} </Tab>
})
const questionPanels = questions.map((question, i, history) => {
return (
  <TabPanel key={i}>
    <Question
      question={question.question}
      answers={question.answers}
      visualAnalogScale={question.VAS}
      //onAnswer={() => setQuestionIndex(() => questionIndex + 1)}
      onAnswer={() => {
        if (questionIndex === question.length) {
          () => history.push('/forms/solutions')
        } else {
          () => setQuestionIndex(() => questionIndex + 1)
        }
      }}
    />
  </TabPanel>
 );
});

  • 이전 javascript - 불변 위반 : 객체는 반응 자식으로 유효하지 않습니다
  • 다음 python - 이 tkinterTclError를 이해하지