19、React 项目实战：菜单与工具提示组件开发

React 项目实战：菜单与工具提示组件开发

1. 菜单组件开发

1.1 Link 组件实现

在菜单组件开发中， map() 方法会为 menus 数组中的每个菜单项创建一个 Link 组件。以下是 Link 组件的详细实现：

class Link extends React.Component {
    render() {
        const url = '/'
            + this.props.label
                .toLowerCase()
                .trim()
                .replace(' ', '-');
        return React.createElement('div',
            null,
            React.createElement(
                'a',
                { href: url },
                this.props.label
            ),
            React.createElement('br')
        );
    }
}

在 Link 组件的 render 方法里，首先会创建一个 URL。通过