javascript - react js : How to set props in JSX components which store in variable

Question

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

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

并将其存储在一个变量中:

const co = <Co />;

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

Answer 1

据我了解，您不想使用 JSX 语法而是使用存储的变量来呈现您的组件。你可以看看 React.cloneElement。这应该做你想做的:

{React.cloneElement(co, {name: 'hans'})}

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