import React, {Component} from 'react';
import './App.css';
import Editable from "./Editable";
class App extends Component {
static onTest(value){
alert(value);
}
static generateOptions(){
return [
{label:'asd', value: 'asd'},
{label:'asddd', value: 'aqwdsd'},
{label:'asdqwd', value: 'a24sd'},
{label:'qweqwe',value: 'qweqwe'}
]
}
static generateValues(){
return ['asd', 'qweqwe'];
}
render() {
return (
<div className="App">
<header className="App-header">
<div>
<Editable
type="text"
value="Text fieadsld"
onSave={App.onTest}
name="ads"
/>
<Editable
type="select"
options={App.generateOptions()}
onSave={App.onTest}
name="test"
value="asd"
/>
<Editable
type="checkbox"
options={App.generateOptions()}
onSave={App.onTest}
name="test"
value={App.generateValues()}
/>
</div>
</header>
</div>
);
}
}
export default App;
|