Question

我是新来的人，所以我希望问题不会太愚蠢。

简而言之：我想在另一个组件道具中使用某个组件。但这不能按预期工作。

我想在以下组件中使用Material UI Cards： Link to repo of "Material-UI Tree View"

为了测试，我编写了以下代码：

import React,{Component} from 'react';
import SplitPane from "react-split-pane";
import MuiTreeView from 'material-ui-treeview';
import Demo from './demo';


export class App extends Component {
    render() {

        const tree = [
            {
                value: 'Parent A',
                nodes: [{ value: Demo}]
            }

        ];
        return (
            <SplitPane split="vertical"  defaultSize={500} allowResize={false}>

                <div><MuiTreeView tree={tree} /></div>
                <div id="mynetwork"></div>
            </SplitPane>
        );
    }
}

导入

import Demo from './demo';

是简单卡的示例：https://codesandbox.io/s/3vl744v6z5

在我的index.js中，我像这样渲染应用程序组件：

ReactDOM.render(
    <App />,
    document.getElementById('root')
);

我希望您能给我一个提示，让您看看。

预先感谢

coloeus

Answer 1

无能为力，就像签入MuiTreeView的源文件一样，tree prop只能是字符串，也可以递归是prop值为字符串的对象...

由于您使用的是MaterialUI组件，请尝试检查MUI提供的expansion panels并尝试获得所需的结果。在这种情况下，无需将组件作为道具传递。

Answer 2

MuiTreeView期望一棵树，每个叶子节点上都有一个.value成员，该成员是 string 。它根本不支持以这种方式注入自定义组件。

您可以查看其prop-types

反应：在另一个组件内部使用组件

2 个答案: