glitchier-soc/app/javascript/flavours/glitch/util/react_helpers.js
2018-01-04 18:21:59 -08:00

21 lines
692 B
JavaScript

// This function binds the given `handlers` to the `target`.
export function assignHandlers (target, handlers) {
if (!target || !handlers) {
return;
}
// We just bind each handler to the `target`.
const handle = target.handlers = {};
handlers.keys().forEach(
key => handle.key = key.bind(target)
);
}
// This function only returns the component if the result of calling
// `test` with `data` is `true`. Useful with funciton binding.
export function conditionalRender (test, data, component) {
return test(data) ? component : null;
}
// This object provides props to make the component not visible.
export const hiddenComponent = { style: { display: 'none' } };