小编ksh*_*ksh的帖子

7
推荐指数
2
解决办法
7523
查看次数

React 从父组件收集有关某些事件的子组件数据

在反应中,最佳实践是数据从父级流向子级,事件将从子级传递到父级。

如何避免此 UI 的反模式?

在此 UI 中,我们有一个父组件,其中包含 2 个带有表单的子组件。现在,当用户单击父组件中的提交按钮时,我们必须从子组件收集数据。

可能的解决方案(不好的解决方案|反模式):

  1. 从子级传递引用并从父级触发子方法来收集数据(从父级访问子方法不是一个好主意)
 <Parent>
    onFormData(data) {
     //here collect data from child
    }

    onSubmit() {
      //Trigger a method onData in child
      aRef.collectData()
    }

    <child-A ref={aRef} onData={onFormData}></Child-A>
    <Child-B ref={bRef} onData={onFormData}></Child-B>
    
    <button onClick={onSubmit}>Submit</Submit> 
</Parent>
Run Code Online (Sandbox Code Playgroud)
  1. 将道具绑定到子项,在提交时单击将道具的值更改为虚拟值。在 useEffect 钩子中观察相同的道具(非常糟糕的解决方案)
 <Parent>
    onFormData(data) {
     //here collect data from child
    }

    onSubmit() {
      //update randomValue, which will be observed in useEffect that calls onData method from child
      randomValue = Math.random();
    }

    <child-A triggerSubmit={randomValue} onData={onFormData}></Child-A>
    <Child-B triggerSubmit={randomValue} onData={onFormData}></Child-B>
    
    <button onClick={onSubmit}>Submit</Submit> 
</Parent>
Run Code Online (Sandbox Code Playgroud)

还有其他最好的方法来处理这些情况吗?如何避免此 UI 的反模式?

reactjs

5
推荐指数
1
解决办法
2750
查看次数

禁用莫里斯甜甜圈图表中的悬停选项

如何禁用莫里斯甜甜圈图中的悬停选项,每当用户将指针移到图表上时,其值应保持不变。

var m111 = new Morris.Donut({
    element: 'donut-chart111',
    data: [
      {label: "R", value: ra},
      {label: "C", value: cp},
      {label: "M", value: mp},
      {label: "MA", value: map},
      {label: "A", value: ap}
    ],
    colors: ['#D9534F','#1CAF9A','#428BCA','#5BC0DE','#428BCA']
});
Run Code Online (Sandbox Code Playgroud)

javascript jquery morris.js

3
推荐指数
1
解决办法
1452
查看次数

Polymer:如何在配置文件中存储REST API基本URL

我正在使用聚合物入门套件.我必须在不同的HTML页面中进行许多API调用,并且对于每个API调用,我使用"iron-ajax",因为'url'属性我正在分配REST API URL.

URL将类似于" https://XXXXX.in/YY/YY/YY ",此处基本URL XXXXX对于所有API调用都是相同的,YY将更改.那么如何将基本URL XXX存储在一个配置文件中并访问所有"铁阿贾克斯"的所有页面的价值?在哪里我应该访问基本URL,它是否在聚合物的所有页面的"就绪"功能中?

rest polymer polymer-1.0 iron-ajax

2
推荐指数
1
解决办法
654
查看次数

在构建大型项目时如何在聚合物中使用 --max-old-space-size 命令

当我在实现更多组件后运行聚合物构建时,它会耗尽内存。

错误信息

 <--- Last few GCs --->

 122257 ms: Mark-sweep 1364.3 (1422.6) -> 1364.3 (1438.6) MB, 2263.8 / 
0.0 ms [allocation failure] [GC in old space requested].
124485 ms: Mark-sweep 1364.3 (1438.6) -> 1364.3 (1438.6) MB, 2227.9 / 
0.0 ms [allocation failure] [GC in old space requested].
126853 ms: Mark-sweep 1364.3 (1438.6) -> 1372.2 (1422.6) MB, 2367.6 / 
  0.0 ms [last resort gc].
 129104 ms: Mark-sweep 1372.2 (1422.6) -> 1380.1 (1422.6) MB, 2251.1 / 
0.0 ms [last resort gc].


<--- …
Run Code Online (Sandbox Code Playgroud)

node.js polymer polymer-1.0 polymer-cli

2
推荐指数
1
解决办法
1425
查看次数