Vanilla ReactJS include sub component in JSX file -
good morning. i'm attempting use vanilla react (without use of nodejs) add in components our existing site.
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.2.1/react.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.2.1/react-dom.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script> <script type="text/babel" src="./js/react/src/contact_form.jsx"></script>
working nodejs using eg. var button = require("./button");
within .jsx file include additional sub components.
is there way vanilla react accomplish this?
for example:
index.html -> form.jsx -> (input.jsx, select.jsx, button.jsx)
components objects / functions can put them in shared namespace.
window.reactcomponents = window.reactcomponents || {} window.reactcomponents.button = props => <button />
then in other file:
var button = window.reactcomponents ? window.reactcomponents.button : <span /> var coolbutton = props => <button style={{ color: 'blue' }} />
Comments
Post a Comment