Class 将组件作为变量传递（在ecma6中）

在一个js文件中，我有一个组件：

import React from 'react';
export default class ImageGrid extends React.Component {
  render(){
    return <div>ImageGrid1</div>
  }
}

这就是你想要的

import React from 'react';
import ImageGrid from 'components/imageGrid';

class HomePage extends React.Component {
  render() {
    var SomeComponent = ImageGrid;

    return <SomeComponent />
  }
}

从“React”导入React；
从“组件/ImageGrid”导入ImageGrid；
类。组件{
render（）{
var SomeComponent=ImageGrid；
返回
}
}

return

，但是您应该大写变量名，即

var Div1=ImageGrid

我的上帝！！！！！它所需要的只是一个大写字母是的，因为在JSX中，小写的组件被转换为DOM节点，大写的组件被转换为响应元素。因此，您应该使用

var Div1

，正如pawel所说：您应该大写变量名，即var Div1=ImageGrid

import React from 'react';
import ImageGrid from 'components/imageGrid';

class HomePage extends React.Component {
  render() {
    var SomeComponent = ImageGrid;

    return <SomeComponent />
  }
}