Question

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

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

我想使用＆＃39; var＆＃39;从另一个组件渲染上面的组件，我无法弄清楚语法：

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中）

1 个答案: