Skip to content

IAIAE/react-component-assume

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

react-component-assume

##usage

npm install --save-dev react-component-assume
import assume from 'react-component-assume';

var isShow = false;
var MaybeView = assume(isShow && DialogView);

//use the Component as you like:
ReactDOM.render(
    <MaybeView name="maybe" />,
    document.getElementById('root')
);

##why assume? sometimes i want to write code like this:

var TestView;
if(someCondition){
    TestView = DialogView;
}else{
    TestView = some_NULL_Component;
}

//and then use this Component
<TestView name="test" cb={someFunc} />

but what a some_NULL_Component should be? it can be a blank function always return false;

var some_NULL_Component = () => false;

and i create a function warp all the things i need, namely assume.

//if condition is true, TestView is DialogView, 
//if false, TestView is a blank View that will render nothing.
var TestView = assume((condition) && DialogView);
ReactDOM.render(
    <TestView name="test" cb={someFunc} />,
    document.getElementById('root')
)

About

to create a component with condition

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published