react 组件里面的属性如何写标签

Question

element-react的dialog组件，

                <Dialog
                    title={<div>
                        <p>123</p>
                    </div>}
                    size="tiny"
                    visible={ this.state.dialogVisible }
                    onCancel={ () => this.setState({ dialogVisible: false }) }
                    lockScroll={ false }
                >

            我想在title里面支持多样化，不局限于一句话，这样写是可以出来，但是会警告我
            Failed prop type: Invalid prop `title` of type `object` supplied to `Dialog`, expected `string`.
            
            
            
       想请问下react有没有跟vue类似的插槽，可以通过`<template slot="title"><p>123</p></template>`     这样来改title的值呢

Answer 1

这是因为element-react dialog 组件对 proptypes 做了限制，必须是 string 类型的。
你可以这样用

<Dialog
    title="title"
    size="tiny"
    visible={ this.state.dialogVisible }
    onCancel={ () => this.setState({ dialogVisible: false }) }
    lockScroll={ false }
>
    <div>
        <p>123</p>
    </div>
</Dialog>