Question

文件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 />

但我想知道是否可以用“要求”

来做到这一点

Answer 1

试试这个：

<p:organigramNode type="mit" skipLeafHandling="true" >
                        <table>
                            <tr style="background-color: #E6E6E6"> 
                                <td><h:outputText value="Name" /></td>
                                <td><h:outputText value="#{node.name}" /></td>
                            </tr>
                            <tr>
                                <td><h:outputText value="Functions" /></td>
                                <td><h:outputText value="#node.functions}" /></td> 
                            </tr>
                        </table>
</p:organigramNode>

然后导入并使用它：

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

这应该有效。 React-Native不再支持Require。它被＆＃34; Import＆＃34;取代。希望这有帮助！

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

1 个答案: