39 lines
1.2 KiB
JavaScript
39 lines
1.2 KiB
JavaScript
import React, {useState, useEffect} from 'react'
|
|
import {connect} from 'react-redux';
|
|
import {View, Input} from 'native-base'
|
|
import {TextField} from 'react-native-material-textfield';
|
|
import FieldEditor from './field-editor';
|
|
import TextInput from './text-input';
|
|
import PickerList from './picker-list';
|
|
|
|
const FieldList = props => {
|
|
const [pronunciation, setPronunciation] = useState()
|
|
const [sound, setSound] = useState()
|
|
const [examples, setExamples] = useState([])
|
|
useEffect(() => {
|
|
setSound(props.response.sound)
|
|
setPronunciation(props.response.pronunciation)
|
|
setExamples(props.response.examples)
|
|
},[props.response])
|
|
useEffect(() => {
|
|
console.log(sound, pronunciation)
|
|
console.log("EXFSDFS", examples)
|
|
}
|
|
)
|
|
return (
|
|
<View>
|
|
<PickerList/>
|
|
<TextInput value={sound} label={'Sound'}/>
|
|
<TextInput value={pronunciation} label={'Transcription'}/>
|
|
<FieldEditor data={{
|
|
label: 'Usage example',
|
|
values: examples || ['can not find the example']
|
|
}}/>
|
|
</View>
|
|
)
|
|
}
|
|
|
|
export default connect(state => ({
|
|
response: state.api.parsedDictionary
|
|
}))(FieldList)
|