Question

我在React中实现动态渲染，因为我使用的语法如

render: function() {
        var InputType=this.props.inputType;
        console.log(InputType)
        return (

            <InputType />

         );
    },

我的CustomComponent看起来像

var Item=require('../../Item');
  React.render(<Item MetaItemName={"Users"} MetaItemId={1} Key={1}/>,document.getElementById("firstCol"));

我只是想知道如何传递参数，我的意思是说如果我们在静态模式下使用那么我们可以使用下面提到的语法

application:handleOpenURL:

当我使用require动态渲染时，我必须传递相同的参数。

所以任何人都可以让我知道在使用require时传递参数的语法

Answer 1

您使用的是CommonJS，与AMD不同，它无法在浏览器中动态输入。这是因为依赖关系需要在编译时构建，并且路径相对于它们所需的位置。你必须做这样的事情：

var itemList: {
  item1: require('components/items/item1'),
  item2: require('components/items/item2')
};

然后：

var Item = itemList['item' + ReceivedData.Id];
React.render(<Item MetaItemName={'Users'} ... />, document.getElementById('secondCol'));

如何在React中传递带有require标记的参数

1 个答案: