javascript - 黑名单 React 组件

标签 javascript reactjs

有没有办法在我的应用程序中的每个组件被挂载之前定义一个函数来 Hook ?

这个想法是,如果一个组件被列入黑名单,它根本就不会挂载。

为了向后兼容,解决方案必须不修改组件,并且应该在生产中运行(因此重新布线和其他测试工具可能不在讨论范围内,但可以接受建议:))

例子

//something like this...
ReactDOM.beforeEachComponentMount( (component, action) => {
    if(isBlacklisted(component)){
        action.cancelMountComponent();
    }
}

最佳答案

您能否编写一个简单的 Babel 插件,在编译时将列入黑名单的组件转换为 noop 功能组件 () => {}

关于javascript - 黑名单 React 组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49094860/

相关文章:

javascript - D3JS 测试 - enter() 未被触发

javascript - 如何在 css 的弹出菜单上添加 Accordion 菜单

html - 在悬停时实现第二张图片的重要因素是什么?

javascript - 使用 THIS 选择当前元素的特定子元素

javascript - 如何调用类中的方法抛出事件?

javascript - 我在 webpack.DefinePlugin 中定义的变量未定义

javascript - 世博会 SQLite promise 拒绝

javascript - 有没有一种方法可以让我们将鼠标悬停在系列的任何点上而不是悬停在数据点上时触发 echarts 库上的 mouseover 事件?

reactjs - 关于forwardRef,我无法理解第二个用例

javascript - 使用 browserify bundle D3 库的问题