заполнитель для выпадающего списка с использованием приставки и редукса

Question

Ранее я писал, но я не получил никакого ответа. У меня есть новая информация для этой проблемы.

Мне нужно создать заполнитель для моего выбранного компонента. Это мой выбранный компонент:

        renderNacionalities = (
              {
               meta:
                {
                  error
                },
               input
                }) =>
              {

    return ( <
        div className = "col-md-4 mb-3" >
        <
        label > Nacionality: < /label>

        <
        Field className = "custom-select d-block w-100"
        name = "nacionality"
        value = {
            this.state.nacionality
        }
        onChange = {
            this.onChange.bind(this)
        }
        component = "select"
        placeholder = {
            !input.value ? 'Please, insert a 
            nationality ' : input.value}>

                {/*HOW CAN I DO PLACEHOLDER por my select component when I get a selected nationality 
                             value when the selected nationality value is the value I've inserted 
                   before when I've created the client*/}
                <option value="" disabled hidden>Please, insert a nationality</option>
            {
                this.props.nationalities.map(nacionality =>
                {

                    return ( <
                        option key = {
                            nacionality._id
                        }
                        value = {
                            nacionality._id
                        } >
                        {
                            nacionality.country
                        } < /option>
                    )
                })
            }

            <
            /Field>

            {
                error && < p className = "error" >
                    {
                        error
                    } < /p>}

                    <
                    /div>

            );
        }

Мне нужно создать заполнитель для выбранного компонента. Примерно так:

                   <option value= {selectedNationality}>{!input.value ? 'please, select a nationality 
                   ' : input.value}</option

, где input.value - это выбранная национальность, полученная при создании клиента в форме клиента.

Ожидаемое поведение должно быть таким:

               the nationalityDropdown is the nationality field and contains the next values in this order: "france", "england", "United States"

                               //When creating the client on client form

                            nationalityDropdown: "please, insert a nationality"

                         e.g. I insert "United States"
                                 //When edit the client on client form

                                   nationalityDropDown: "United States"

Но реальный результат таков:

                               //When creating the client on client form

                            nationalityDropdown: "please, insert a nationality"

                         e.g. I insert "United States"
                                 //When edit the client on client form

                                   nationalityDropDown: "france"

Всегда первый элемент из списка редукторов извлекает раскрывающийся список национальности.

Как решить эту проблему ?, подробнее информацию можно найти в Получить выбранное значение, которое я вставил в выпадающий список при редактировании формы клиента