如何使物化React中的下拉工作？

如何使這個物化在React中的下拉工作？如何使物化React中的下拉工作？

<a className='dropdown-button btn' href='#' data-activates='dropdown1'>Drop Me!</a> 

    <ul id='dropdown1' className='dropdown-content'> 
     <li><a href="#!">one</a></li> 
     <li><a href="#!">two</a></li> 
     <li className="divider"></li> 
     <li><a href="#!">three</a></li> 
    </ul>

Materialize Dropdown documentation

我已經包括了materialize.js所以這照顧。我猜測這與data-activates屬性有關。我沒有收到任何錯誤，但有沒有其他方法可以聲明此屬性以使其在React中工作？

來源

2015-08-25 Growlithe

這就是您聲明數據屬性的方式。必須有其他事情正在進行。 –

這可能是相關的：http://stackoverflow.com/questions/29662350/why-is-materialize-not-working-with-reactjs – David

你面臨的問題不是因爲反應不允許連字符屬性。 React允許data- *屬性（https://facebook.github.io/react/docs/tags-and-attributes.html）沒有更多的信息，不清楚可能是什麼問題，儘管我相信它會包含在內正確實現。 –

嘗試dataActivates。

<a className='dropdown-button btn' href='#' dataActivates='dropdown1'>Drop Me!</a>

好吧，我在react.docs找到了這個;

React支持所有data- *和aria- *屬性以及以下列表中的每個屬性。

注意：所有屬性都是駱駝殼和屬性類，並分別爲className和htmlFor，以匹配DOM API規範。有關事件的列表，請參閱支持的事件。

來源

2015-08-25 15:11:51

歡迎來到Stack Overflow！請考慮編輯您的帖子，以添加更多關於您的代碼的解釋以及爲什麼它可以解決問題。一個主要包含代碼的答案（即使它正在工作）通常不會幫助OP瞭解他們的問題。如果這只是猜測，也建議您不要發佈答案。一個好的答案會有一個合理的理由解釋爲什麼它可以解決OP的問題。 – SuperBiasedMan

dataActivates不起作用，數據激活有效。 –

-2

$（ '下拉按鈕。'）下拉（{ 硬結：300， outDuration：225， constrain_width：真，懸停：假，天溝：0， belowOrigin：假 } ）。 ;

來源

2016-11-14 10:37:30 Emel

嗨艾梅爾，而不是增加了第二次合成的答案，你應該編輯它。 – bummi

$('.dropdown-button').dropdown({ 
           inDuration: 300, 
           outDuration: 225, 
           constrain_width: true, 
           hover: false, 
           gutter: 0, 
           belowOrigin: false 
           });

來源

2016-12-02 14:07:41 Emel

舊的帖子，但我遇到了很多與使用materializecss和React相關的問題，並花費了太長時間來尋找解決方法。查看React Materialize，鏈接轉到其包含的下拉組件。偉大的圖書館，簡化了事情，並修復了一些其他問題，如onClick處理程序與一些元素。您也可以一起使用它們，只需在路障中添加React Materialize Components即可。

來源

2018-03-01 00:00:36 TSga

如何使物化React中的下拉工作？

回答

相關問題