who is kind enough to help me

class MixedInput extends Component {

constructor(props) {
    super(props);
    this.state = {
      value: 1,
    };
  }
onChange = () => {
    console.log("set value")
    this.setState({ value: 'xxx' },()=>{
            this.props.onChange(this.state.value)
    });
}
render() {
    let options = this.props.items.map(function (option, idx) {
        return { value: option.value, label: option.text }
    });
    return (
        <div>
            <Picker data={options} cols={1}  onChange={this.onChange}>
                <List.Item>{this.props.label}</List.Item>
            </Picker>
            <TextareaItem rows={3} onChange={this.onChange} />
        </div>
    )
}

}
export default MixedInput

never wrote that. You can try passing getFieldProps to the subcomponents

value and onChange do not have to write their own getFieldProps will pass you just need to call within the component
in the component to pass the value you need to onChange (newValue), while value is in the getFieldProps ('name', {initialValue:'}) then the initial value

is used in antd components can be directly into the sub-component getFieldProps, and then separately packaged.
it's hard to say if it's not antd.