score:1
Try to change
<SplitButton title={this.state.title}>
to
<SplitButton title={this.state.title} id="splitButtonMenu">
score:2
dropDowns need a valid id, because it is a required prop for the component.
ref: https://react-bootstrap.github.io/components.html#btn-dropdowns-props
Provide an id to the component. It will work fine.
<SplitButton bsStyle={title.toLowerCase()} title={title} key={i} id={exampleId}>
<MenuItem eventKey="1">Action</MenuItem>
<MenuItem eventKey="2">Another action</MenuItem>
<MenuItem eventKey="3">Something else here</MenuItem>
<MenuItem divider />
<MenuItem eventKey="4">Separated link</MenuItem>
</SplitButton>
Source: stackoverflow.com
Related Query
- Failed propType: The prop `id` is required to make `Dropdown` accessible for users of assistive technologies such as screen readers
- React warns about passed prop with value null, where the PropType for the prop is not required
- Warning: Failed prop type: The prop `store` is marked as required in `Provider`, but its value is `undefined`. in Provider
- If a propType isn't required why does ESLint want to provide default prop for it?
- Warning: Failed prop type: The prop `to` is marked as required in `Link`, but its value is `undefined`
- Warning: Failed prop type: The prop open is marked as required in Snackbar, but its value is undefined
- Failed prop type: The prop `userSignUpRequest` is marked as required in `Login`, but its value is `undefined`
- Warning: Failed propType: Required prop `dimensionName` was not specified in `DimensionPicker`. Check the render method of `Connect(DimensionPicker)`
- Failed prop type The prop is marked as required but its value is `undefined`
- reactjs Delete Operation Warning: Failed prop type: The prop `role` is marked as required in `ManageRolePage`, but its value is `null`
- Failed prop type: The prop `value` is marked as required in `Rating`, but its value is `undefined`
- Failed prop type: The prop todos[0].id is marked as required in TodoList, but its value is undefined
- Warning: Failed prop type: The prop `value` is marked as required in `TextInput`, but its value is `undefined`
- Warning: Failed prop type: The prop `theme` is marked as required in `MuiThemeProviderOld`, but its value is `undefined`
- In Reactjs, how to make a prop function do separate tasks and return their values according to the required condition
- Using GatsbyImage - I keep getting an error Failed prop type: The prop `image` is marked as required in `GatsbyImage`, but its value is `undefined`
- Warning: Failed prop type: The prop `term` is marked as required in `ParentComponent`, but its value is `undefined`
- Warning: Failed prop type: The prop `todos[0].title` is marked as required in `TodoList`, but its value is `undefined`
- Failed prop type: The prop `history` is marked as required in `Router`, but its value is `undefined`
- Failed prop type: The prop `children` is marked as required in `Mutation`, but its value is `undefined`
- React with Redux Warning: Failed propType: Required prop `posts` was not specified in `Posts`. Check the render method of `PostsContainer`
- Failed prop type: The prop `children` is marked as required in` Sidebar`, but its value is `undefined`
- Failed prop type: The prop `id` is marked as required in `FormattedMessage`, but its value is `undefined`
- Warning: Failed prop type: The prop `createCourse` is marked as required in `CoursesPage`, but its value is `undefined`
- Failed prop type: The `` is marked as required in ``, but its value is `undefined`
- Failed prop type: The prop `actions` is marked as required in `Testing`, but its value is `undefined`
- Using the property of a PropType shape as the prop type for another component
- Failed prop type: The prop `location` is marked as required in `PrivateRoute`, but its value is `undefined`
- Warning: Failed prop type: The prop `alt` is marked as required in `MainImage`, but its value is `undefined`. MainImage
- With React-Select, how can I make the dropdown accessible through a React-Bootstrap-Glyphicon?
More Query from same tag
- Using Splice to delete desired elment onClick in Reactjs
- Build dynamic URLs in React based on input
- Assigning return values from api to state in React
- react-responsive-carousel: how to give fixed height to thumb?
- How i can add to my appname and version wirh electron-react-boilerplate
- Dynamic content inside Trans Component i18next
- material-ui: unable to style Icon Menu
- React JS import css file had expression no-unused-expressions
- React testing axios get request in componentDidMount using jest
- Rendered more hooks than during the previous render. when posting form data with React Hooks
- How to get latest state value in ReactJS function?
- Fixed navbar hiding page content
- Why won't what the user clicked appear on my modal?
- How to access value of data inside nested object in react
- React js customizing the input of type file using CSS
- How to iterate a Map() object?
- Trying to get the data(of mongodb) to the client side for the specific field (data.site.alerts.alert)
- Multipart File upload in MERN Stack
- Private NPM library raise error "Module parse failed"
- Material UI - Webpack error for Radio button
- Loop through 2D array in React
- ag-Grid/Reactjs - How to get cell value in columnDefs
- How to add Nested and Non-Nested Routes with React Router - ReactJS?
- Where to save session id generated from the backend?
- Always stumble on this error Cannot read property 'map' of undefined
- Keeping the ending 0 after two decimal places for default user input value
- Can I host the same react app at two different paths on my website?
- JavaScript Module Exports Pattern From One File
- Typescript typeof value in an object
- How to use the "< >" in React JSX