How to use the reason-react/src/ReasonReact.js.element function in reason-react
To help you get started, we’ve selected a few reason-react examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
phated / mxdbmobile / src / card / Battle.js View on Github 
/* render */(function () {
var cardImage = ReasonReact.element(/* None */0, /* None */0, CardImage$Mxdbmobile.make(image, thumbnail, /* array */[]));
var cardDetails = ReasonReact.element(/* None */0, /* None */0, View$BsReactNative.make(/* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* Some */[details], /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0)(/* array */[
ReasonReact.element(/* None */0, /* None */0, Text$BsReactNative.make(/* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* Some */[title], /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* array */[title$1])),
ReasonReact.element(/* None */0, /* None */0, Effect$Mxdbmobile.make(effect, /* array */[]))
]));
var cardStats = ReasonReact.element(/* None */0, /* None */0, View$BsReactNative.make(/* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* Some */[stats], /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0)(/* array */[
ReasonReact.element(/* None */0, /* None */0, MP$Mxdbmobile.make(mp, /* array */[])),
ReasonReact.element(/* None */0, /* None */0, BattleStat$Mxdbmobile.make(stat, /* array */[]))
]));
return ReasonReact.element(/* None */0, /* None */0, View$BsReactNative.make(/* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* Some */[cardListItem], /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0)(/* array */[
cardImage,
cardDetails,
cardStats
]));
}),
/* initialState */component[/* initialState */10],/* render */(function () {
var cardImage = ReasonReact.element(/* None */0, /* None */0, CardImage$Mxdbmobile.make(image, thumbnail, /* array */[]));
var cardDetails = ReasonReact.element(/* None */0, /* None */0, View$BsReactNative.make(/* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* Some */[details], /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0)(/* array */[
ReasonReact.element(/* None */0, /* None */0, Text$BsReactNative.make(/* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* Some */[title], /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* array */[title$1])),
ReasonReact.element(/* None */0, /* None */0, Effect$Mxdbmobile.make(effect, /* array */[]))
]));
var cardStats = ReasonReact.element(/* None */0, /* None */0, View$BsReactNative.make(/* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* Some */[stats], /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0)(/* array */[
ReasonReact.element(/* None */0, /* None */0, MP$Mxdbmobile.make(mp, /* array */[])),
ReasonReact.element(/* None */0, /* None */0, BattleStat$Mxdbmobile.make(stat, /* array */[]))
]));
return ReasonReact.element(/* None */0, /* None */0, View$BsReactNative.make(/* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* Some */[cardListItem], /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0)(/* array */[
cardImage,
cardDetails,
cardStats
]));
}),
/* initialState */component[/* initialState */10],/* render */(function (self) {
return ReasonReact.element(undefined, undefined, Curry.app(GetUserNameQuery[/* make */3], [
undefined,
undefined,
undefined,
undefined,
undefined,
undefined,
undefined,
undefined,
undefined,
(function (param) {
var result = param[/* result */0];
if (typeof result === "number") {
return React.createElement("div", undefined, "Loading");
} else if (result.tag) {
var match = result[0].me.spotify;
if (match !== undefined) {// Generated by BUCKLESCRIPT VERSION 4.0.8, PLEASE EDIT WITH CARE
'use strict';
var ReactDOMRe = require("reason-react/src/ReactDOMRe.js");
var ReasonReact = require("reason-react/src/ReasonReact.js");
var Component1$ReactTemplate = require("./Component1.bs.js");
var Component2$ReactTemplate = require("./Component2.bs.js");
ReactDOMRe.renderToElementWithId(ReasonReact.element(undefined, undefined, Component1$ReactTemplate.make("Hello! Click this text.", /* array */[])), "index1");
ReactDOMRe.renderToElementWithId(ReasonReact.element(undefined, undefined, Component2$ReactTemplate.make("Hello!", /* array */[])), "index2");
/* Not a pure module */return ReasonReact.element(/* None */0, /* None */0, Curry._3(SyntaxChecker[/* make */1], code, 100, (function (param) {
return ReasonReact.element(/* None */0, /* None */0, Block_.make(/* `Text */[
936573133,
"Setup"
], /* None */0, /* None */0, param[0], /* Some */[true], /* array */[ReasonReact.element(/* None */0, /* None */0, Editor.make(code, /* RE */18355, /* None */0, /* Some */[param[1]], /* None */0, /* None */0, /* Some */[onChange], /* array */[]))]));
})));
}),}), "button button--large", "refreshRidersListButton", handleGetRiderListClick, /* array */["Refresh List"])), match ? React.createElement("span", {
style: downloadLinkButtonSpanStyle
}, ReasonReact.element(undefined, undefined, LeftPaddedButton$VoteUSReason.make((function (prim, prim$1, prim$2) {
return {
className: prim,
id: prim$1,
onClick: prim$2
};
}), "button button--large", "hideRidersListDownloadLinkButton", handleHideRidersListDownloadLinkClick, /* array */["Hide Download Link"])), React.createElement("a", {
className: "button button--large",
style: downloadLinkAnchorStyle,
download: loginInfo.details.username + " - riders - backup.json",
href: ridersInfo.urlDownloadBlob
}, "Download backup")) : React.createElement("span", {
style: downloadLinkButtonSpanStyle
}, ReasonReact.element(undefined, undefined, LeftPaddedButton$VoteUSReason.make((function (prim, prim$1, prim$2) {
return {
className: prim,
id: prim$1,
onClick: prim$2
};
}), "button button--large", "showRidersListDownloadLinkButton", handleShowRidersListDownloadLinkClick, /* array */["Show Download Link"])))), React.createElement("div", undefined, React.createElement("div", {
className: "form-group checkbox",
style: checkboxAreaStyle
}, React.createElement("label", {
className: "",
style: checkboxLabelStyle,
htmlFor: "hideExpired"
}, "Hide Expired/Cancelled"), React.createElement("input", {
className: "",
id: "hideExpired",
checked: ridersInfo.hideExpiredCanceled,/* render */(function () {
var cardImage = ReasonReact.element(/* None */0, /* None */0, CardImage$Mxdbmobile.make(image, thumbnail, /* array */[]));
var cardDetails = ReasonReact.element(/* None */0, /* None */0, View$BsReactNative.make(/* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* Some */[details], /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0)(/* array */[
ReasonReact.element(/* None */0, /* None */0, Text$BsReactNative.make(/* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* Some */[title], /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* array */[title$1])),
ReasonReact.element(/* None */0, /* None */0, Effect$Mxdbmobile.make(effect, /* array */[]))
]));
var cardStats = ReasonReact.element(/* None */0, /* None */0, View$BsReactNative.make(/* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0)(/* array */[ReasonReact.element(/* None */0, /* None */0, MP$Mxdbmobile.make(mp, /* array */[]))]));
return ReasonReact.element(/* None */0, /* None */0, View$BsReactNative.make(/* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* Some */[cardListItem], /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0, /* None */0)(/* array */[
cardImage,
cardDetails,
cardStats
]));
}),
/* initialState */component[/* initialState */10],/* [] */0
]
]), undefined, undefined, undefined, undefined, undefined, "div", undefined, /* array */[
React.createElement("img", {
className: AppStyle$ReactTemplate.userIcon,
alt: "user icon",
src: userIcon
}),
React.createElement("p", {
style: {
margin: "0px",
flex: "0 0 auto"
}
}, userName)
])),
ReasonReact.element(undefined, undefined, BsReactstrap__DropdownMenu.make(undefined, true, undefined, undefined, undefined, undefined, /* array */[ReasonReact.element(undefined, undefined, BsReactstrap__DropdownItem.make(undefined, undefined, undefined, undefined, undefined, (function (param) {
return Curry._1(self[/* send */3], /* HandleLogOut */0);
}), undefined, undefined, undefined, /* array */["Sign Out"]))]))
]))));
}),
/* initialState */(function (param) {
Popular reason-react functions
- reason-react/lib/es6/src/ReactDOMRe.js.renderToElementWithId
- reason-react/lib/es6/src/ReasonReact.js.createDomElement
- reason-react/lib/es6/src/ReasonReact.js.element
- reason-react/lib/es6/src/reasonReact.js.element
- reason-react/lib/es6/src/ReasonReact.js.reducerComponent
- reason-react/lib/es6/src/reasonReact.js.reducerComponent
- reason-react/lib/es6/src/ReasonReact.js.statelessComponent
- reason-react/lib/es6/src/reasonReact.js.statelessComponent
- reason-react/lib/es6/src/reasonReact.js.wrapJsForReason
- reason-react/lib/es6/src/reasonReact.js.wrapReasonForJs
- reason-react/lib/js/src/ReasonReact.js.element
- reason-react/src/ReactDOMRe.js.createElementVariadic
- reason-react/src/ReactDOMRe.js.renderToElementWithId
- reason-react/src/ReasonReact.js.createDomElement
- reason-react/src/ReasonReact.js.element
- reason-react/src/ReasonReact.js.reducerComponent
- reason-react/src/ReasonReact.js.Router
- reason-react/src/ReasonReact.js.statelessComponent
- reason-react/src/ReasonReact.js.wrapJsForReason
- reason-react/src/ReasonReact.js.wrapReasonForJs