Breaking News: Grepper is joining You.com. Read the official announcement!

adding data attributes to react-select

Embarrassed Echidna answered on June 9, 2022 Popularity 4/10 Helpfulness 4/10

answer adding data attributes to react-select

adding data attributes to react-select

Comment

import React, { Component } from 'react';
import ReactSelect, { components } from 'react-select';

export function SelectContainer<T extends OptionTypeBase>(props: ContainerProps<T, boolean, GroupTypeBase<T>>) {
   return (
      <components.SelectContainer
         {...props}
         innerProps={Object.assign({}, props.innerProps, { 'data-cy': 'testing' })}
      />
   );
}

class Select extends Component {
  render() {
    return (
      <ReactSelect
        components={{ SelectContainer }}
      />
    );
  }
}

Popularity 4/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: attributes javascript react-select

Link to this answer
Share Copy Link

Contributed on Jun 09 2022

Embarrassed Echidna

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

adding data attributes to react-select

Contents

More Related Answers

adding data attributes to react-select

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.