JavaScript
Hi [@hoaraucg](/profile/?id=71278),
I fix your problem with using `Controlled select` and we also encourage you to use this way to render selects.
This is my code with two way to change state, with `getValue` and `getTextContent`.
import React, { Component } from 'react';
import {
MDBCol,
MDBContainer,
MDBRow,
MDBBtn,
MDBSelect,
MDBInput,
MDBCardBody,
MDBCard
} from 'mdbreact';
class RegisterPage extends Component {
constructor() {
super();
this.state = {
name: '',
email: '',
password: '',
password2: '',
country: '',
sex: '',
errors: {},
countries: [
{ value: 'Canada', text: 'Canada' },
{ value: 'United States', text: 'United States' },
{ value: 'United Kingdom', text: 'United Kingdom' },
{ value: 'Afghanistan', text: 'Afghanistan' },
{ value: 'Åland Islands', text: 'Åland Islands' },
{ value: 'Albania', text: 'Albania' },
{ value: 'Algeria', text: 'Algeria' },
{ value: 'American Samoa', text: 'American Samoa' },
{ value: 'Andorra', text: 'Andorra' },
{ value: 'Angola', text: 'Angola' },
{ value: 'Anguilla', text: 'Anguilla' },
{ value: 'Antarctica', text: 'Antarctica' },
{ value: 'Antigua and Barbuda', text: 'Antigua and Barbuda' },
{ value: 'Argentina', text: 'Argentina' },
{ value: 'Armenia', text: 'Armenia' },
{ value: 'Aruba', text: 'Aruba' },
{ value: 'Australia', text: 'Australia' },
{ value: 'Austria', text: 'Austria' },
{ value: 'Azerbaijan', text: 'Azerbaijan' },
{ value: 'Bahamas', text: 'Bahamas' },
{ value: 'Bahrain', text: 'Bahrain' },
{ value: 'Bangladesh', text: 'Bangladesh' },
{ value: 'Barbados', text:...