小编Jor*_*rix的帖子

花了一些时间学习React后,我理解了创建组件的两个主要范例之间的区别

我的问题是我什么时候应该使用哪一个？为什么？一个在另一个上有什么好处/权衡？

ES6/7课程:

import React, { Component } from 'react';

export class MyComponent extends Component {
  render() {
    return (
      <div></div>
    );
  }
}

功能:

const MyComponent = (props) => {
    return (
      <div></div>
    );
}

只要没有任何状态可以被该组件操纵,我就会想到功能......但是这样吗？

我猜我是否使用任何生命周期方法,最好使用基于类的组件.

// bad
class Listing extends React.Component {
  render() {
    return <div>{this.props.hello}</div>;
  }
}

// bad (relying on function name inference is discouraged)
const Listing = ({ hello }) => (
  <div>{hello}</div>
);

// good
function Listing({ hello }) {
  return <div>{hello}</div>;
}

这取自Airbnb反应风格指南.有人可以解释为什么"不鼓励依赖功能名称推断"？这只是一种风格问题吗？

最近我在一本Javascript书中读到了函数组合,然后在一个网站上我看到有人将它称为currying.

它们是相同的概念吗？

我有一个数组，可以说：

   var myArray = ["ibira", "garmin", "hide", "park", "parque", "corrida", "trote", "personal", "sports", "esportes", "health", "saúde", "academia"];
   var myString = "I went to the park with my garmin watch";

检查我的String是否在myArray中有任何单词的快速方法是什么？

贝娄是我的代码，但我不确定这是否是最好的方法...

   function score(arKeywords, frase) {
      if (frase == undefined) {
        return 0;
      } else {
          var indice = 0;
          var indArray = arKeywords.length;
          var sentencaMin = frase.toLowerCase();
          for (i = 0; i < indArray; i++) {
              if (sentencaMin.search(arKeywords[i]) > 0) { indice++; }
          }
          return indice;
      }
  }

请任何人帮助我。该函数将在很多字符串中运行！

谢谢你们 …

有没有办法在高图表中为区域类型的图表设置背景颜色和不透明度？

根据文档，您必须通过将颜色指定为 rgb 值，然后添加不透明度值来设置不透明度。但是，当我这样做时，图表的填充颜色为黑色。下面是我的代码

<script type="text/javascript">
$(function() {
 var javascriptArray = <?php echo json_encode($array);?>;
 var newjavascriptArray = <?php echo json_encode($uniqueDates);?>;
 var valueArray = <?php echo json_encode($total); ?>;
 var js_array2 = [5, 10, 15];
  $('#container').highcharts({
  credits : {
  enabled: false
},
exporting:
{
  enabled: false
},
  chart: {
      backgroundColor: '#10416A',
      type: "area"

  },
  title: {
    style : {
      color: "white"
    },
      text: "Progress"
  },
  subtitle: {
    style : {
      color: "white"
    },
      text: 'Village Print & Media'
  },
  xAxis: {
  // …

MDN说它是" 像对象一样的数组 ",但没有说它是什么实例.

它不是HTMLCollection或NodeList.

如果我调用Object.prototype.toString.call(arguments)它返回,"[object Arguments]"但是arguments instanceof Arguments是一个错误.

那么什么是arguments实例？