How can I pass Id and or Name attributes to the Form and rel

Hi there,

I don't know the whole story ( please be more specific and provide us with more details what you want to achieve) but in general, you can use MDBinputs as a regular input, you can add to it an id and name attributes.

For example:

<MDBInput label="Your name" icon="user" type="text" name="name1" id="123" data-additional="something"/>

If you check using your browser devTools what is rendered - you will see that even a custom data attribute is added to the input.

Best, Ania

Sorry, my edit with code did not save. I am using the Select control like below. This is what I need - although I don't know where the onChange event for the select would go.

<Select>
        <SelectInput selected='Choose...' onChange={onChange} id={id} name={id} />
        <SelectOptions>
          <SelectOption disabled>Choose...</SelectOption>
          <SelectOption value='1'>Yes</SelectOption>
          <SelectOption value='2'>No</SelectOption>
          <SelectOption value='3'>Sometimes</SelectOption>
        </SelectOptions>
      </Select>

Ok, now I see the problem. Unfortunately, you, as a user can't add attributes to the MDBSelectInput component. But you can easily bypass it, by adding additional input of type "hidden". Try something like this:

import React, { Component } from "react";
import { MDBSelect, MDBSelectInput, MDBSelectOptions, MDBSelectOption} from "mdbreact";

class SelectPage extends Component {
  state = {
    inputValue: ""
  }

  onChangeHandler = value => {
    this.setState({inputValue: value})
  }

  render() {
    return (
            <div>
    <input name="hello" id="inputId" type="hidden" value={this.state.value} />
    <MDBSelect getValue={this.onChangeHandler}>
      <MDBSelectInput selected="Choose your option"  />
      <MDBSelectOptions>
        <MDBSelectOption disabled>Choose your option</MDBSelectOption>
        <MDBSelectOption value="1">Option nr 1</MDBSelectOption>
        <MDBSelectOption value="2">Option nr 2</MDBSelectOption>
        <MDBSelectOption value="3">Option nr 3</MDBSelectOption>
      </MDBSelectOptions>
    </MDBSelect>
    <label>Material Select</label>
  </div>
    );
  }
}

export default SelectPage;

Let me know if this resolves your problem.Best,Ania