Question

我已经在REACT中开始开发，并且对如何在线使用它有一些小问题。

我有以下代码片段。

    ReactDOM.render(
      <RitualPromoCode url="/Home/ValidatePromoCode" code="Bongo" location="1" package="17" />,
      document.getElementById('promo-code')
    );

但是当我在MVC页面中使用上面的内容时很烦人...我希望能够在HTML页面中使用内联的新“标签”......例如。

      <RitualPromoCode url="/Home/ValidatePromoCode" code="Bongo" location="1" package="17" />

我该怎么做呢？

另一方面说明..我想在页面的不同部分使用多个组件，但不想编写一个巨大的组件来一起使用它们。如何让一个组件在同一页面上更新/修改另一个组件的属性？

谢谢

Answer 1

您可以在一个地方调用渲染。只需创建一些＆＃34; main＆＃34;将包含所有其他组件的组件。

ReactDOM.render(
  <App />,
  document.getElementById('promo-code')
);

class App extends Component {
  render() {
    return (
    <div>
        <RitualPromoCode url="/Home/ValidatePromoCode" code="Bongo" location="1" package="17" />
        <SomeOtherComponent />
        <MoreComponent />
        <MyComponent />
    </div>
    );
  }
}

React.js - ReactDOM.render还是可以使用内联？

1 个答案: