在反应中更改html变量

Question

我在React中有以下变量

  let Example = (
    <div>
      Hello World
    </div>
  );

我想更改其内容（文字，标签等）

这可能吗？ 这个变量的类型是什么？

由于

Answer 1

你可以在另一个语句中覆盖你的变量，这是一个jsx元素。

https://reactjs.org/docs/introducing-jsx.html

Answer 2

也许您正在寻找反应组件和道具？ https://reactjs.org/docs/components-and-props

变量的类型是JavaScript函数，您可以使用react props修改内容。

Answer 3

使用功能！

const myContent = () => {
    // Some js
    return 'Hello!';
  }

  const Example = () => (
    <div>
      {myContent()}
    </div>
  );

Answer 4

如果你想改变一个JSX片段的内容，那清楚地暗示你需要的是一个组件。

在您的示例中，您可以尝试这样的事情。

const SayHello = ({ name }) => <div>Hello {name}</div>

然后您可以将它用作常规组件。

<SayHello name="world" />

您可以将值绑定到变量，然后使用该变量的任何更新来更新组件。

let name = this.aMethodToGetAValue();
return <SayHello name={name} />