ReactJS 将组件作为 var 传递（在 ecma6 中）

Question

在一个 js 文件中我有一个组件 :

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

我想使用 'var' 从另一个组件渲染上述组件，但我无法理解语法：

import React from 'react';
import ImageGrid from 'components/imageGrid';
class HomePage extends React.Component {
  render() {
    var div1=ImageGrid;
    return (div1); // what is the proper syntax?
  }
}

Answer 1

这就是你想要的。

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

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

    return <SomeComponent />
  }
}

ReactJS 将组件作为 var 传递（在 ecma6 中）

ReactJS pass component as var (in ecma6)

syntax

components

class

ecmascript-6

reactjs