这就是全部错误

警告:做出react .createElement:类型不应为null或未定义.它应该是字符串(对于DOM元素)或ReactClass(对于复合组件).

这就是我的观点

import React, { Component } from 'react';
import Router, {Link, RouteHandler} from 'react-router';
import { Grid, Row, Column, List, ListItem } from '../../components/Layout';
import { RaisedButton, Paper } from 'material-ui';

const videosInformation = {
  time      : 25,
  gameId    : 15665,
  date      : '12 10 2015',
  gameName  : "Black Jack"
};

export default class Home extends Component {

  static contextTypes = {
    router  : React.PropTypes.func
  }  

  render () {
    return <Grid>                   
      <Row>
        <Column>
          <Paper>
            <List subheader="Player Info">
              <ListItem primaryText={`Name: ${videosInformation.time}`} />
              <ListItem primaryText={`Nickname: ${videosInformation.date}`} />
              <ListItem primaryText={`Age: ${videosInformation.gameId}`} />
              <ListItem primaryText={`Language: ${videosInformation.gameName}`} />
            </List>
          </Paper>
        </Column>  
        <Column>
          <iframe width="560" height="315" src="https://www.youtube.com/embed/Ta4xuThmAsQ" frameBorder="0" allowFullScreen></iframe>
        </Column>
      </Row>
    </Grid>;
  };

}

我用Material-UI

推荐答案

您的Layout文件可能没有从此行导出变量之一

import { Grid, Row, Column, List, ListItem } from '../../components/Layout';

如果其中一个未定义,则会发出警告.

Reactjs相关问答推荐

无法覆盖MUI工具栏上的左右填充,除非使用!重要

props 可以在Reaction中锻造吗?

在Redux工具包查询中,是否可以将标记应用到API切片内的所有端点?

ReactJs;Reaction-Hook-Form:仅当 Select 了特定 Select 列表选项时才显示文本输入

有没有一种惯用的方式来接受特定的子元素?

可以使用mode.css/mode.scss引用常规的类名吗?

错误:操作必须是普通对象.使用自定义中间件进行异步操作. Redux/工具包

使用 React + Vite 范围化 CSS

标签文本删除了 MUI 概述的输入

将 useRef 与 useImperativeHandle 一起使用时,React 不会重新渲染

React Native - 如何处理错误带有有效负载的NAVIGATE操作..未被任何导航器处理?

在React Router 6中,在路由渲染后更新路由数据

Storybook - 无法解析generated-stories-entry.cjs/字段browser不包含有效的别名配置

调用 Jest 和服务方法的问题

如何在自定义 JSX 元素上声明属性?

如何根据数据库中的值设置单选按钮选中? - react

设置 Material UI 表格默认排序

如何在 react-router-dom v6 中实现监听功能?

为什么我不能使用 formik 更改此嵌套对象中的值

如何在 React x 中返回组件?