[v2] - Does Value Not exist anymore?

Hi

I am looking through the examples and I don’t see “value”

in 1.0 example

 <Select
        name="form-field-name"
        value={selectedOption}
        onChange={this.handleChange}
        options={[
          { value: 'one', label: 'One' },
          { value: 'two', label: 'Two' },
        ]}
      />

in 2.0 example

const MyComponent = () => (
  <Select options={options} />
)

I am using this plug: https://github.com/jaredpalmer/formik and what I am finding is all my values in “select” are disappearing and I am starting to think that the problem might be because the “value” is not set as that is what I see them doing in this example: https://codesandbox.io/s/jRzE53pqR

[chobo2]

@juank11memphis

import React, { Component } from "react";
import Select from "react-select";
import { observer } from "mobx-react";

@observer
export default class SelectWrapperComponent extends React.Component {
  handleChange = value => {
    // this is going to call setFieldValue and manually update values.topcis
    this.props.onChange(this.props.selectName, value);
  };

  handleBlur = () => {
    // this is going to call setFieldTouched and manually update touched.topcis
   this.props.onBlur(this.props.selectName, true);
  };

  render() {
    const props = this.props;
    return (
      <React.Fragment>
        <Select
          options={props.options}
          isMulti={props.isMulti}
          onChange={this.handleChange}
          onBlur={this.handleBlur}
          closeMenuOnSelect = {props.closeMenuOnSelect}
          value = {this.props.value}
        />
      </React.Fragment>
    );
  }
}


<Formik
initialValues={{
  selected: "",
}}
validationSchema={Yup.object().shape({
})}
onSubmit={(values, { setSubmitting, setErrors }) => {
}}
render={props => (
  <Form autoComplete="off">

        <SelectWrapperComponent
          options={contacts}
          onChange={props.setFieldValue}
          onBlur={props.setFieldTouched}
          selectName="selected"
          isMulti={false}
          closeMenuOnSelect={true}
          value={props.values.selected}
        />
        <ErrorMessage name="selected" />
  </Form>
)}
/>

[juank11memphis]

Hi @chobo2 thanks a lot for the code, I will try it tonight and let you know if it worked but I already notice some things that I may be doing wrong. thanks