javascript – React js：如何在存储在变量中的JSX组件中设置props

假设我已经定义了一个组件：

class Co extends React.Component {
    render = () => {
        const name = this.props.name;
        return (
            <p>Hello, my name is {name}</p>
        )
    }
}

并将其存储在变量中：

const co = <Co />;

如何使用变量设置组件的道具？ co.props.set会工作吗？

解决方法:

据我所知,您不希望使用JSX语法渲染组件,而是使用存储的变量.你可以看一下React.cloneElement.这应该做你想要的：

{React.cloneElement(co,{name：’hans’})}

见：https://facebook.github.io/react/docs/top-level-api.html#react.cloneelement

标签：javascript,reactjs,react-jsx
来源： https://codeday.me/bug/20190623/1268462.html