【问题标题】:Is it possible to use the jQuery-dependent library 'chessboard.js' with React?是否可以将依赖于 jQuery 的库“chessboard.js”与 React 一起使用?
【发布时间】:2018-08-27 12:55:15
【问题描述】:

我有兴趣将 Chessboard.js library 与 React 一起使用。然而 Chessboard.js 使用 jQuery,React 建议不要使用它,尽管它看起来 it's not completely forbidden。我知道有些图书馆有integrated Chessboard.js with React,但我不知道他们这样做有多成功。

当然,证据就在布丁中,您可以尝试各种软件包,看看它们是如何工作的。但我对 React 比较陌生,所以我很想知道是否有人有任何将 Chessboard.js 与 React 混合的好(或坏)经验。

【问题讨论】:

  • 谢谢。为了更新棋盘位置,您需要将 prop 函数 getPosition 传递的值设置为位置 prop position,对吗?
  • 嗯,我没用过;)大概getPosition可以这样用。在“Stockfish”示例中,位置(例如历史)存储在引擎中。组件使用position 属性绘制视图。第二个道具,onDrop 处理程序调用引擎来准备新的移动/更新位置。存储在状态中的新位置(使用 setState)强制重新渲染(使用更新的位置)。

标签: javascript reactjs chessboard.js


【解决方案1】:

当然可以。在将 refs 放入 componentDidMount 后,在 shouldComponentUpdate 中总是返回 false 并使用 jquery。 参考:https://notes.devlabs.bg/how-to-use-jquery-libraries-in-the-react-ecosystem-7dfeb1aafde0

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-01-01
    • 1970-01-01
    • 2020-08-07
    • 2019-08-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-05-20
    相关资源
    最近更新 更多