58 lines
1.3 KiB
JavaScript
58 lines
1.3 KiB
JavaScript
import React, {useState, useEffect, useRef} from 'react';
|
|
import {View} from 'native-base';
|
|
import {connect} from 'react-redux';
|
|
import PosPicker from './pos-picker';
|
|
import FieldEditor from './field-editor';
|
|
|
|
/*
|
|
****************** props:*****************
|
|
* startId props.data[0] / [1] /[8] ...
|
|
* labelNum // Translate 1 / Translate 2 ...
|
|
* */
|
|
const PickerList = props => {
|
|
const [data, setData] = useState(props.data[props.id]);
|
|
useEffect(() => {
|
|
setData(props.data[props.id]);
|
|
console.log(`
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
`,props.data[props.id]);
|
|
}, [props]);
|
|
useEffect(() => {
|
|
console.log('data', props.data[props.id]);
|
|
});
|
|
const selectDef = id => {
|
|
setData(props.data[id]);
|
|
};
|
|
return (
|
|
<View>
|
|
<PosPicker
|
|
labelNum={props.labelNum}
|
|
onSelect={id => selectDef(id)}
|
|
// getId={id => setId(id)}
|
|
/>
|
|
<FieldEditor
|
|
data={{label: `Translate ${props.labelNum}`, values: data.translates}}
|
|
/>
|
|
<FieldEditor
|
|
data={{label: `Definition ${props.labelNum}`, values: data.definitions}}
|
|
/>
|
|
</View>
|
|
);
|
|
};
|
|
export default connect(state => ({
|
|
data: state.api.parsedDictionary.compounded,
|
|
}))(PickerList);
|