使用ReactDOM.render时无法将props作为JSON传入

Question

新的反应。我发现，当尝试将JSON传递到组件中时，它将行不通：

    const stepData = {firstname: "yo", lastname: "kk"}
    console.log(stepData)
    ReactDOM.render(
        <StepResult data={stepData} />, document.getElementById("execution-result-panel"))

在StepResult内，如果我执行this.props.data.firstname，它将显示undefined。

但是如果数据是字符串，它将起作用：

    const stepData = "some data"
    console.log(stepData)
    ReactDOM.render(
        <StepResult data={stepData} />, document.getElementById("execution-result-panel"))

那么反应不支持这样的传递吗？我需要做<StepResult firstname={stepData.firstname} />吗？

Answer 1

React确实支持属性中的复杂对象，您可以使用日志语句查看所有属性，例如：

console.log(this.props)

或者甚至更好地使用React Developer Tools扩展名。