如何渲染已使用 "require" 导入的组件？

Question

file torender.js：

...
const ToRender = props => (
    <View />
);
export default ToRender;

另一个文件：

let ToRender = require('./ToRender');
class App extends Component {
    render() {
        return (
            <View>
                {ToRender} // got Invariant Violation error
            </View>
        );
    }
);

我知道我可以使用"导入"

做到这一点

import ToRender from './ToRender';
// then use it in the render method <ToRender />

，但我想知道是否有可能使用" require"

Answer 1

尝试以下：

export default class myView extends React.Component {
  render() {
   return (
   <View/>
   )
  }
}

然后导入并使用它：

import myView from "./myView.js";
<myView>

这应该起作用。不再支持反应的要求。它被"导入"取代。希望这会有所帮助！