Javascript 映射函数错误:无法读取属性';地图';Reactjs中未定义的

Javascript 映射函数错误:无法读取属性';地图';Reactjs中未定义的,javascript,arrays,reactjs,react-router,Javascript,Arrays,Reactjs,React Router,它也是我的另一个组件,App.js。(按请求编辑)有了这些静态数据,您的代码应该可以实际工作。这里不必使用任何条件渲染。但是您问题中的错误表明,当您的组件第一次呈现时,此时没有任何诊断道具。我们应该研究这一点 另一个问题是在路线定义中。可能您想做这样的事情: export default App; 有了这些静态数据,您的代码实际上应该可以工作。这里不必使用任何条件渲染。但是您问题中的错误表明,当您的组件第一次呈现时,此时没有任何诊断道具。我们应该研究这一点 另一个问题是在路线定义中。可能您想做

它也是我的另一个组件,App.js。(按请求编辑)

有了这些静态数据,您的代码应该可以实际工作。这里不必使用任何条件渲染。但是您问题中的错误表明,当您的组件第一次呈现时,此时没有任何
诊断
道具。我们应该研究这一点

另一个问题是在路线定义中。可能您想做这样的事情:

export default App;

有了这些静态数据,您的代码实际上应该可以工作。这里不必使用任何条件渲染。但是您问题中的错误表明,当您的组件第一次呈现时,此时没有任何
诊断
道具。我们应该研究这一点

另一个问题是在路线定义中。可能您想做这样的事情:

export default App;

尝试更改此部分:

{( this.props.diagnosis || [] ).map(diagnosis => { ....

致:


}/>

尝试更改此部分:

{( this.props.diagnosis || [] ).map(diagnosis => { ....

致:


}/>


另外,我们可以看到其他组件吗?实际上,它可以处理这些静态数据,但可能您的路由与当前状态不符。你来这里的目的是什么?您的整个应用程序结构如何?@devserkan顺便说一句,我认为他像使用应用程序一样重载了诊断类的构造函数,并且忘记传递道具:D。因为他没有与我们共享整个诊断组件。所以我们只是猜测它为什么不能处理静态数据,因为我们在这里没有看到
Diagnosis
组件的其余部分@ğağataySert,如果可能的话,我们可以看到它吗?你有循环依赖关系(可能应用程序是
未定义的
),我们也可以看到其他组件吗?实际上,它可以处理这些静态数据,但可能你的路由与当前状态不符。你来这里的目的是什么?您的整个应用程序结构如何?@devserkan顺便说一句,我认为他像使用应用程序一样重载了诊断类的构造函数,并且忘记传递道具:D。因为他没有与我们共享整个诊断组件。所以我们只是猜测它为什么不能处理静态数据,因为我们在这里没有看到
Diagnosis
组件的其余部分@ğataySert,如果可能的话,我们可以看看吗?您有循环依赖关系(可能应用程序是
未定义的
),谢谢您的考虑。当我点击任何按钮时,我的应用程序就会崩溃,我不会犯任何错误。也许,我犯了一个与路线有关的错误,因为在不改变路线的情况下,地图功能和应用程序正在运行。欢迎您。你说的“改变路线”是指像我一样修好它还是走另一条路?你可以把你的应用程序放到codesandbox.io上吗?或者你可以用整个应用程序再次更新你的问题。非常感谢你的帮助。我试过你的代码,现在它工作了:)再次欢迎您,但此解决方案可能存在问题。我仍然不能很好地理解应用程序的结构,但是
/diagnosis
路径可能是这里的问题。这可能会导致循环。所以,试着检查一点:)好的,我会注意你的建议。:)谢谢你的考虑。当我点击任何按钮时,我的应用程序就会崩溃,我不会犯任何错误。也许,我犯了一个与路线有关的错误,因为在不改变路线的情况下,地图功能和应用程序正在运行。欢迎您。你说的“改变路线”是指像我一样修好它还是走另一条路?你可以把你的应用程序放到codesandbox.io上吗?或者你可以用整个应用程序再次更新你的问题。非常感谢你的帮助。我试过你的代码,现在它工作了:)再次欢迎您,但此解决方案可能存在问题。我仍然不能很好地理解应用程序的结构,但是
/diagnosis
路径可能是这里的问题。这可能会导致循环。所以,试着检查一点:)好的,我会注意你的建议。:)谢谢你的回答:)当我更改代码时,最后一个“}”出现错误。谢谢你的回答:)当我更改代码时,最后一个“}”出现错误。
{( this.props.diagnosis || [] ).map(diagnosis => { ....
           <Switch>
                <Route path='/diagnosis' component={Diagnosis}/>
                <Route path='/diagnosis:id' component={ChosenDiagnosis}/>
            </Switch>
           <Switch>
                <Route path='/diagnosis' render={() => <Diagnosis diagnosis={this.props.diagnosis}/>}/>
                <Route path='/diagnosis:id' component={ChosenDiagnosis}/>
            </Switch>