Uncaught Invariant Violation:DetailPage.render()

时间:2016-07-13 06:35:51

标签: javascript reactjs

获取以下错误

  

Uncaught Invariant Violation:DetailPage.render():有效的React   必须返回element(或null)。你可能已经返回undefined,   数组或其他一些无效对象。

      import React from 'react';
      import DetailPage from './detail-page.jsx';

      RenderPageComponents() {
            debugger
            switch (this.state.consultantListPage) {
                case 'user-list':
                    return (
                        <div>
                            <h1>User List</h1>
                            <ConsultantList
                                ViewDetail={this.ViewDetail.bind(this) }
                                userList={this.state.userList}
                                consultantListPage={this.state.consultantListPage}
                                />
                        </div>);

                case 'user-detail':
                    return (
                         <div>
                           <DetailPage/>
                        </div>
                    );


                default:
                    break;
            }

        }

感谢您解决此问题的任何帮助

2 个答案:

答案 0 :(得分:1)

在默认步骤中,您必须返回null

default:
return null;

答案 1 :(得分:0)

只需从开关案例中删除默认块即可。现在它正在运作