如何将props传递给JSX字符串

Question

如果我使用JSX字符串：

const c = <div>{props.name}</div>

然后我想渲染它：

const app = () => <div>{c}</div>

如何在{<1}}中传递该名称？

由于

Answer 1

你想要达到这样的目标吗？

export default ({ name }) => <h1>Hello {name}!</h1>;  //this will be saved in a Hello.js

然后

const App = () => <div><Hello name="user"/></div> //Hello component imports here.

查看下面的工作演示：

working demo

或者如果你解释一下会更好