---
order: 2
zh-CN:
	title: dropdown设置
	button: 按钮
	disabled: 禁用
en-US:
	title: dropdown setting
	button: Button
	disabled: Disabled
---

```js
const list = [
	{
		id: 1,
		value: 'red',
	},
	{
		id: 2,
		value: 'green'
	},
	{
		id: 3,
		value: 'blue'
	}
]

import { SplitButton, Notify } from 'zent';

class Simple extends React.Component {
	handleSelect = (value) => {
		Notify.success(value);
	}

	handleClick = () => {
		Notify.success('666');
	}

	render() {
		return (
			<SplitButton
				type="primary"
				dropdownData={list}
				dropdownTrigger="hover"
				dropdownValue="id"
				dropdownText="value"
				onClick={this.handleClick}
				onSelect={this.handleSelect}
			>
				{i18n.button}
			</SplitButton>
		);
	}
}

ReactDOM.render(
	<Simple />
	, mountNode
);
```