mirror of
https://github.com/maputnik/editor.git
synced 2026-03-29 05:30:00 +00:00
Manage to display dynamic fields
This commit is contained in:
@@ -1,18 +1,20 @@
|
||||
import React from 'react'
|
||||
import { Select, Input } from 'rebass'
|
||||
|
||||
export default class EnumField extends React.Component {
|
||||
class EnumField extends React.Component {
|
||||
static propTypes = {
|
||||
name: React.PropTypes.string.isRequired,
|
||||
values: React.PropTypes.array.isRequired,
|
||||
value: React.PropTypes.string.isRequired,
|
||||
allowedValues: React.PropTypes.array.isRequired,
|
||||
doc: React.PropTypes.string,
|
||||
}
|
||||
|
||||
render() {
|
||||
const options = this.props.values.map(val => {
|
||||
const options = this.props.allowedValues.map(val => {
|
||||
return {children: val, value: val}
|
||||
})
|
||||
return <Select name={this.props.name} options={options} label={this.props.name} />
|
||||
}
|
||||
}
|
||||
|
||||
export default EnumField
|
||||
|
||||
Reference in New Issue
Block a user