andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Ran linter

Browse Source
This commit is contained in:
Angelos Chalaris
2019-03-02 10:10:14 +02:00
parent ddd852962d
commit 3868acab34
32 changed files with 583 additions and 708 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
snippets/MultiselectCheckbox.md
View File

@ -19,28 +19,23 @@ const style = {
}
};
function MultiselectCheckbox ({ options, onChange }) {
function MultiselectCheckbox({ options, onChange }) {
const [data, setData] = React.useState(options);
const toggle = (item) => {
const toggle = item => {
data.map((_, key) => {
if (data[key].label === item.label)
data[key].checked = !item.checked;
if (data[key].label === item.label) data[key].checked = !item.checked;
});
setData([...data]);
onChange(data);
}
};
return (
<ul style={style.listContainer}>
{data.map(item => {
return (
<li
key={item.label}
style={style.itemStyle}
onClick={() => toggle(item)}
>
<input readOnly type='checkbox' checked={item.checked || false} />
<li key={item.label} style={style.itemStyle} onClick={() => toggle(item)}>
<input readOnly type="checkbox" checked={item.checked || false} />
{item.label}
</li>
);
@ -51,7 +46,7 @@ function MultiselectCheckbox ({ options, onChange }) {
```
```jsx
const options = [{ label: "Item One" }, { label: "Item Two" }];
const options = [{ label: 'Item One' }, { label: 'Item Two' }];
ReactDOM.render(
<MultiselectCheckbox
@ -60,7 +55,7 @@ ReactDOM.render(
console.log(data);
}}
/>,
document.getElementById("root")
document.getElementById('root')
);
```