Question

我来自Angularjs 1.6.x。我需要的是使用react应用程序而不渲染像

这样的html片段

ReactDOM.render(null, document.querySelector("#container"));

这是我的.container包含一些想要使用我的反应应用模型和逻辑的html标签：

<div id="contact">
  <form v-on:submit.prevent="send">
    <div v-if="errorMessage.length" class="alert alert-danger">
      {{ errorMessage }}
    </div>
    <div :class="{ 'form-group': true, 'has-error': errors.has('name'), 'has-success': name.length && !errors.has('name') }">
      <label for="name">Name</label>
      <input autofocus v-model="name" v-validate="'required|min:5'" class="form-control" name="name" type="text" />
      <span  class="text-danger">{{ errors.first('name') }}</span>
    </div>
    <div :class="{ 'form-group': true, 'has-danger': errors.has('email'), 'has-success': email.length && !errors.has('email') }">
      <label for="email">E-mail</label>
      <input v-model="email" v-validate="'required|email'" class="form-control" name="email" type="text" />
      <span  class="text-danger">{{ errors.first('email') }}</span>
    </div>

    <input type="submit" value="Save" class="btn btn-primary" />
  </form>
</div>

仅供参考我可以使用Vuejs实现这种情况。

我的问题是我可以使用React实现这种情况吗？

Answer 1

ReactDOM.render(null,document.querySelector('#container'))

你可以这样做。

使用react应用程序而不渲染html片段

1 个答案: