ReasonReactで、HTML要素に特定の要素をレンダリングしたい場合idは、組み込み関数を使用できます。renderToElementWithId(ReasonReact.reactElement, Dom.element)次に例を示します。
ReactDOMRe.renderToElementWithId(<MyComponent />, "myComponent");
複数の<input />HTMLタグ<input />があり、特定のデータ属性を持つすべてのタグでレンダリングしたいと思います。より具体的にinputはdata-type="tags"、それを持っているそれぞれがによってレンダリングされることを望みます<MyComponent />。Javascriptでは、次のようなことを実行してdocument.querySelectorAll("[data-type=tags]")、コンポーネントをレンダリングする結果を繰り返すことができます。
ただし、これを行う方法については、ReasonReactやBSBのドキュメントのどこにも見つかりません。誰かが私を助けることができますか？
前もって感謝します。
ReasonReactには、ReactDOMRe.renderをとる関数がありDom.elementます。その後、querySelectorAll必要に応じて自分自身を定義できます。
[@bs.val] [@bs.scope "document"]
external querySelectorAll : string => Dom.element = "";
querySelectorAll("[data-type=tags]")
|> Js.Array.forEach(element => ReactDOMRe.render(<MyComponent />, element));
または、bs-webapiを使用することもできます。これにより、querySelectorAll必要に応じて、他のDOM関数のヒープ全体が提供されます。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加