Ion-slides with react

Hello, recently I am trying new Ionic 4 combined with react framework.
I have a simple problem. I can’t customize ion-slides with my options.

Code is simple as that:

class Project extends Component {

    constructor() {
        super();
        this.options = {
            speed: 400,
            spaceBetween: 100,
            effect: 'fade'
        }
    }

    render() {
        return (
            <ion-slides options={this.options}>
                <ion-slide>
                    <img src={slide} />
                </ion-slide>
                <ion-slide>
                    <h1>Slide 2</h1>
                </ion-slide>
                <ion-slide>
                    <h1>Slide 3</h1>
                </ion-slide>
            </ion-slides>
        );
    }
}

It just ignores every option property and show basic slides.

I have the same issue

  componentDidMount() {
    const slides = document.getElementById('slides')
    slides.options = {
      spaceBetween: 40,
      autoplay: {
        delay: 2000,
      },
    }
  }

and set the id on the slider

    render() {
        return (
            <ion-slides id="slides">
                <ion-slide>
                    <img src={slide} />
                </ion-slide>
                <ion-slide>
                    <h1>Slide 2</h1>
                </ion-slide>
                <ion-slide>
                    <h1>Slide 3</h1>
                </ion-slide>
            </ion-slides>
        );
    }