相关疑难解决方法(0)

我想问一下如何制作一个按钮但是当鼠标在按钮上时(悬停),新按钮显示在上一个按钮上方......并且它位于react.js .. thx

这是我的代码的方式..

var Category = React.createClass({displayName: 'Category',
  render: function () {
      return (
        React.createElement("div", {className: "row"}, 
        React.createElement("button", null, "Search",   {OnMouseEnter://I have no idea until here})
      )
    );
  }
});

React.render(React.createElement(Category), contain);

React 和 Material UI 新手，我很困惑如何正确地动态传递我从 JSON 文件中提取的颜色，并且在我的搜索、StackOverflow 或文档中没有找到好的参考。

研究

• MenuItem 组件的 Material-ui悬停颜色？
• 如何在reactjs中访问悬停状态？
• 如何通过 AutoComplete 属性更改悬停更改时的 Material-UI MenuItem 背景？
• Material UI 内联样式 - 特定组件颜色

试图

给定 JSON 文件：

[
  {
    "label": "Home",
    "href": "/",
    "colorHover": ""
  },
  {
    "label": "Monday",
    "href": "/mon",
    "colorHover": "#35c5bd"
  },
  {
    "label": "Tuesday",
    "href": "/tues",
    "colorHover": "#fa8b25"
  },
  {
    "label": "Wednesday",
    "href": "/wed",
    "colorHover": "#f26531"
  }
]

我将它带入我的组件并通过它循环：

  const getDrawerChoices = () => {
    return headersData.map(({ label, href, colorHover }) => {
      const colorChange = …