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

Question

我正在 React 中实现动态渲染，因为我使用的语法类似于

 var Set=require('../../'+RecivedData.Id);
 React.render(<CustomComponent inputType={Set} />,document.getElementById("secondCol"));

我的 CustomComponent 看起来像

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

            <InputType />

         );
    },

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

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

我使用时必须传递的相同参数需要动态渲染。

谁能告诉我在使用 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 标签的参数

How to pass Parameters with require tag in React

reactjs

reactjs-flux