Javascript 未捕获不变冲突：对象作为子对象无效

我得到了这个错误，我不知道为什么，但它不满意以下行：

<p className="bold blue padding-left-30">{question}</p>

以下是json中的问题数组部分：

"questions": [
        {
          "question": "This is Question 1",
          "answer": [
            "blah blah blah 1"
          ]
        },
        {
          "question": "This is Question 2",
          "answer": [
            "blah blah blah 2"
          ]
        },
        {
          "question": "This is Question 3",
          "answer": [
            "blah blah blah 3"
          ]
        }
      ]

答案打印出来很好，但这是由另一个名为

的react组件完成的

---

那是什么意思？在我的例子中，不变冲突？

在这一点上，问题是一个对象，因为您在它上面映射，并且您试图在JSX内部使用它，这是不允许的。你是有意的吗

<p className="bold blue padding-left-30">{question.question}</p>

<p className="bold blue padding-left-30">{question.question}</p>

{question.question}

您正在传递p标记中的完整问题对象

{question.question}

<p className="bold blue padding-left-30">{question.question}</p>