Javascript 将对象作为属性发送到react组件

我有以下目标

"RENDEROPTIONS":{
      "TYPE_NAME":{
         "single":true,
         "urlParams":{
            "ENTITYFIELD":"testt",
            "USERID":1
         },
         "labelClass":"control-label",
         "infiniteScrolling":true,
         "naDesc":"--Select--",
         "class":" entityParamsSelect",
         "value":"",
         "entityFieldRestrictions":false,
         "name":"eval_type_id",
         "validations":"required",
         "selectValues":"",
         "renderType":"select",
         "label":" Type",
         "keyField":"key",
         "selectDescriptions":"",
         "id":"eval_type_id",
         "descField":"value",
         "readOnly":false

}

我想把它作为属性发送给我的react组件

<div>
                     <entity-render-field
                            <% _.each(renderOptions["TYPE_NAME"], function(value, key) { %>
                                <% if (typeof(value) !=="object") {%>
                                    <%= key%> = "<%=value%>"
                                <% } %>
                                <% if (typeof(value) ==="object") {%>
                                    <%= key%> = <%=JSON.parse(JSON.stringify(value))%>
                                <% } %>
                            <% });%>
                            >

                    </entity-render-field>
                </div>

但是在道具中，如果我不使用JSON.parse（JSON.stringify（value））的话，UTLParam会变成“[object”或“[object”，“object]”。有没有办法将对象作为属性发送到react组件？

很简单：

const RENDEROPTIONS = {
      TYPE_NAME: {
        single: true,
        urlParams: {
            ENTITYFIELD: "testt",
            USERID: 1
        },
        labelClass: "control-label",
        infiniteScrolling: true,
        naDesc: "--Select--",
        class: " entityParamsSelect",
        value: "",
        entityFieldRestrictions: false,
        name: "eval_type_id",
        validations: "required",
        selectValues: "",
        renderType: "select",
        label: " Type",
        keyField: "key",
        selectDescriptions: "",
        id: "eval_type_id",
        descField: "value",
        readOnly: false
      }
    };

  const Child = ({ obj }) => {
    console.log(obj);

    return (
        <div>
            <h1>Child</h1>
        </div>
    );

  const App = () => {
    return (
      <div className="App">                      
        <Child obj={RENDEROPTIONS} />            
      </div>
    );
  };
  export default App;

const渲染={
键入您的姓名：{
单身：没错，
URL参数：{
ENTITYFIELD:“testt”，
用户ID:1
},
labelClass:“控件标签”，
是的，
naDesc:“--选择--”，
类：“entityParamsSelect”，
值：“”，
entityFieldRestrictions:false，
名称：“评估类型id”，
验证：“必需”，
选择值：“”，
renderType:“选择”，
标签：“类型”，
keyField:“key”，
选择描述：“”，
id:“评估类型id”，
描述字段：“值”，
只读：false
}
};
常量Child=（{obj}）=>{
控制台日志（obj）；
返回(
小孩
);
常量应用=（）=>{
返回(
);
};
导出默认应用程序；

的类型似乎不正确