How to use the inferno-create-element function in inferno-create-element
To help you get started, we’ve selected a few inferno-create-element 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.
anticensority / runet-censorship-bypass / extensions / chromium / runet-censorship-bypass / src / extension-common / pages / options / src / components / InfoLi.js View on Github 
const inputProps = {
id: iddy,
name: props.name,
type: props.type,
checked: props.checked,
onClick: props.onClick,
onChange: props.onChange,
class: props.class,
disabled: props.ifInputsDisabled,
};
delete inputProps.children;
return (
<li style="{" class="{scopedCss.infoRow">
{createElement('input', inputProps)}
<div class="{scopedCss.labelContainer}">
<label for="{iddy}"></label>
{props.nodeAfterLabel}
</div>
{props.conf.desc
? (
<div class="{scopedCss.desc}">
<div class="{scopedCss.tooltip}">
</div>)
: (props.conf.url
? (<a title="Открыть документацию" class="{[scopedCss.rightBottomIcon," href="{props.conf.url}"></a>)
: (<span> </span>) // Affects vertical align of flexbox items.
)
}
{/* props.checked && props.children */}</div></li>const MockComponent = (props, context) => {
t.equal(
context.styletron,
mockStyletronInstance,
'Styletron instance on component context'
);
return createElement('div');
};
InfernoTestUtils.renderIntoDocument(
createElement(
Provider,
{
styletron: mockStyletronInstance,
},
createElement(MockComponent)
)
);
});render() {
return createElement(StyledInnerComponent, {
foo: 'bar',
innerRef: innerComponent => {
t.ok(
InfernoTestUtils.isRenderedClassComponentOfType(
innerComponent,
InnerComponent
),
'is InnerComponent'
);
this.innerComponent = innerComponent;
},
});
}
}{
[...theState.apis.antiCensorRu.getSortedEntriesForProviders(), {key: 'none', label: chrome.i18n.getMessage('Disable')}].map((provConf) =>
([{chrome.i18n.getMessage('update')}]}
/>)
)
}
<div style="align-items: center" class="horFlex" id="updateMessage">
{ createElement(LastUpdateDate, props) }
<div class="{scopedCss.fullLineHeight}">
{
props.flags.ifMini
? (<a title="{chrome.i18n.getMessage("FullVersion")}" href="https://rebrand.ly/ac-versions" class="{scopedCss.otherVersion">🏋</a>)
: (<a title="{chrome.i18n.getMessage("VersionForSlowMachines")}" href="https://rebrand.ly/ac-versions" class="{scopedCss.otherVersion">🐌</a>)
}
</div>
</div>
);
}render(originalProps) {
const props = Object.assign({}, originalProps, {
funs: {
setStatusTo: this.setStatusTo,
conduct: this.conduct,
showErrors: this.showErrors,
showNews: this.showNews,
},
ifInputsDisabled: this.state.ifInputsDisabled,
hashParams: this.state.hashParams,
});
return createElement('div', null, [
...( props.flags.ifNotControlled ? [createElement(NotControlledWarning, props)] : [] ),
createElement(Main, props),
createElement(Footer, Object.assign({ status: this.state.status }, props)),
]);
}render(props) {
const applyModsEl = createElement(ApplyMods, Object.assign({}, props,
{
ifInputsDisabled: !this.state.ifModsChangesAreStashed || props.ifInputsDisabled,
onClick: linkEvent(this, this.handleModApply),
}
));
const modsHandlers = {
onConfChanged: this.handleModChange,
};
return createElement(TabPanel, Object.assign({}, props, {
tabs: [
{
label: chrome.i18n.getMessage('PAC_script'),
content: createElement(PacChooser, props),
key: 'pacScript',const handleIndexRoute = (indexRouteNode: IPlainRouteConfig): VNode =>
createElement(Route, indexRouteNode);
const handleChildRoute = (childRouteNode: IPlainRouteConfig): VNode =>if (input) {
input.focus();
input.selectionStart = selection[0];
input.selectionEnd = selection[1];
}
}}
/>),
},
name: checksName,
}, modsHandlers)
),
key: 'ownProxies',
},
{
label: chrome.i18n.getMessage('Modifiers'),
content: createElement(
ModList,
Object.assign({}, props, {
orderedConfigs: this.state.catToOrderedMods['general'],
name: checksName,
}, modsHandlers)
),
key: 'mods',
},
{
content: applyModsEl,
key: 'applyMods',
},
{
label: chrome.i18n.getMessage('Notifications'),
content: createElement(Notifications, props),
key: 'notifications',render(props) {
const applyModsEl = createElement(ApplyMods, Object.assign({}, props,
{
ifInputsDisabled: !this.state.ifModsChangesAreStashed || props.ifInputsDisabled,
onClick: linkEvent(this, this.handleModApply),
}
));
const modsHandlers = {
onConfChanged: this.handleModChange,
};
return createElement(TabPanel, Object.assign({}, props, {
tabs: [
{
label: chrome.i18n.getMessage('PAC_script'),
content: createElement(PacChooser, props),
key: 'pacScript',
},
{
label: chrome.i18n.getMessage('Exceptions'),
content: createElement(Exceptions, props),
key: 'exceptions',
},
{
label: chrome.i18n.getMessage('Own_proxies'),
content: createElement(
ModList,
Object.assign({}, props, {content: createElement(
ModList,
Object.assign({}, props, {
orderedConfigs: this.state.catToOrderedMods['general'],
name: checksName,
}, modsHandlers)
),
key: 'mods',
},
{
content: applyModsEl,
key: 'applyMods',
},
{
label: chrome.i18n.getMessage('Notifications'),
content: createElement(Notifications, props),
key: 'notifications',
},
],
alwaysShownWith: {
'applyMods': ['ownProxies', 'mods'],
},
}));
}inferno-create-element
Provides methods to create Inferno VNodes
