ReactJS实现仅在刷新后选择渲染

时间:2018-02-18 12:29:24

标签: jquery reactjs materialize

我正在使用materialize创建react.js应用,但是当我尝试输入一个选择时,在我刷新页面之前它不会呈现。

Index.html(缩短版)

<html>
  <head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
  </head>
  <body>
    <script src="http://code.jquery.com/jquery-3.3.1.min.js"
      integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
      crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
    <script>
      $(document).ready(() => {
         $(".button-collapse").sideNav();
         $("select").material_select();
      });
    </script>
  </body>
</html>

选择不在主页上,我想在重定向之后,document.ready函数再也没有被调用,直到我重新加载?

1 个答案:

答案 0 :(得分:0)

而不是编写本机select元素写一个包装的s​​elect元素可能正在使用HOC并在组件中的select方法上调用jQuery方法mount