gmati-react-libs v1.1.2

gmati-react-libs

Tiny libraryes for React

Install

npm i -s gmati-react-libs

withControls

import React from 'react';
import { withControls } from 'gmati-react-libs'

class App extends React.Component {
    render() {
        return <input value={this.props.control('control name')} onChange={this.props.handleChange('control name')} />;

        // with groups
        // return <input value={this.props.control('control name', 'group name')} onChange={this.props.handleChange('control name', {group: 'group name'})} />;

        // custom target[value]
        // return <input type="checkbox" value={this.props.control('control name')} onChange={this.props.handleChange('control name', {value: 'checked'})} />;

        // callback
        // return <input value={this.props.control('control name')} onChange={this.props.handleChange('control name', null, () => console.log('control changed!'))} />;
    }
}

export default withControls(App);

withMedia

import React from 'react';
import { withMedia } from 'gmati-react-libs'

class App extends React.Component {
    render() {
        console.log(this.props.media('media name'))
        // console.log(this.props.media('media name', 'group name'))

        return <input onChange={this.props.handleUpload('media name')} />;

        // with groups
        // return <input type="file" onChange={this.props.handleUpload('media name', {group: 'group name'})} />;

        // filter type
        // return <input type="file" onChange={this.props.handleUpload('media name', {type: 'image'})} />;

        // callback
        // return <input type="file" onChange={this.props.handleUpload('media name', null, () => console.log('file uploading!'))} />;
    }
}

export default withMedia(App);

by Mati Green