小编Mow*_*zer的帖子

我试图使用用户代理将json设置为一个状态,我得到错误:

Uncaught Invariant Violation:对象无效作为React子对象(找到:带有键{...}的对象).如果您要渲染子集合,请使用数组,或使用React附加组件中的createFragment(object)包装对象.

 getInitialState: function(){
    return {
        arrayFromJson: []
    }
},

loadAssessmentContacts: function() {
    var callback = function(data) {
        this.setState({arrayFromJson: data.schools})
    }.bind(this);

    service.getSchools(callback);
},

componentWillMount: function(){
    this.loadAssessmentContacts();
},

onTableUpdate: function(data){

    console.log(data);

},

render: function() {

    return (
        <span>{this.state.arrayFromJson}</span>
    );
}

getSchools : function (callback) {
        var url = 'file.json';
       request
            .get(url)
            .set('Accept', 'application/json')
            .end(function (err, res) {
                if (res && res.ok) {
                    var data = res.body;
                    callback(data);

                } else {
                    console.warn('Failed to load.');
                }
            });
    }

我的用例是保存用户的信息.当我尝试使用用户的电子邮件地址作为密钥将数据保存到Firebase时,Firebase会抛出以下错误:

错误:密钥e@e.ee无效(不能包含.$[]#)

所以,显然,我不能通过他们的电子邮件索引用户信息.更换的最佳做法是.什么？

我已经成功地将其更改.为a -但不会削减它,因为有些电子邮件已经-在地址中.

目前,我正在使用

var cleanEmail = email.replace('.','`');

但有可能会出现与此相关的冲突.

我正在尝试使用Cloud Functions for Firebase拨打苹果收据验证服务器.知道如何进行HTTP调用吗？

我使用withStyles()HOC来覆盖一些MUI组件样式,主题和断点.

显然有一些我不明白的地方,因为我不断遇到这样的错误:

警告:Material-UI:tab提供给classes属性的键未在Items中实现.

您只能覆盖以下其中一项:卡片,详细信息,内容,封面,头像,锁定

示例代码:https://codesandbox.io/s/6xwz50kxn3

我有一个<List />组件及其子<Items />.

我的目的是将demo.js文件中的样式仅应用于<List />组件,将demoChild.js中的样式应用于<Items />Component.

我真的很感激我对错误的解释,也许是一个解决方案？

注意:我发现其他帖子具有相同的错误,但它们似乎与我的示例有所不同.

我已将Firebase集成到我的React.js应用中:https://firebase.google.com/docs/database/web/start

fire.js:

import firebase from 'firebase'

var config = {
  apiKey: "####",
  authDomain: "#",
  databaseURL: "#",
  projectId: "#",
  storageBucket: "#",
  messagingSenderId: "#"
};
var fire = firebase.initializeApp(config);
export default fire;

App.js:

import fire from './fire';

class App extends Component {
    componentWillMount(){
        let messagesRef = fire.database().ref('messages').orderByKey().limitToLast(100);
    }
}

但现在我在控制台中收到此警告:

看起来您正在使用Firebase JS SDK的开发版本.将Firebase应用程序部署到生产环境时,建议仅导入要使用的各个SDK组件.

对于模块构建,这些可以通过以下方式获得(替换为组件的名称 - 即auth,数据库等):

CommonJS模块:const firebase = require('firebase/app'); 要求( '火力/');

ES模块:从'firebase/app'导入firebase; import'firebase /';

我该如何修复此警告？

我试过(在fire.js中)改变这个:

import firebase from 'firebase'

对此:

import firebase from 'firebase/app'

这导致了这个错误:

我的应用程序UITableView中包含可变数量的单元格.如何添加一定高度的空(空白)空间UITableView？还是在最后UITableView？所以在最后一个单元格之后会有更多的空白区域.

希望我的问题很明确.提前致谢

组织Firebase的所有云功能的最佳做法是什么？

我从示例GitHub存储库中看到所有函数都驻留在一个index.js文件中.

我想对于更大的项目,有更好的方法在不同的文件/目录中组织Firebase的Cloud Functions.

我有一个值,我需要在propertie中返回包含此值的对象.

var search='CPP@';
var results=_.filter(collection,{VAL:search});

我需要抓住所有压缩'CPP @'的对象,而不是等于.我准备了一个https://jsfiddle.net/licass/e87mxfqt/

提前致谢.

是否有使用任何好处useMemo（例如，对于密集的函数调用），而不是使用的组合useEffect和useState？

这是两个自定义钩子，它们的乍看效果完全相同，除了useMemo的返回值null位于第一个渲染器上：

const useCalculate = numberProp => {
  const [result, setResult] = useState<number>(null);

  useEffect(() => {
    setResult(expensiveCalculation(numberProp));
  }, [numberProp]);

  return result;
};

const useCalculateWithMemo = numberProp => {
  return useMemo(() => {
    return expensiveCalculation(numberProp);
  }, [numberProp]);
};

https://codesandbox.io/s/nkxolxwzkj

两者都计算每次“道具”更改时，useMemo踢球的“缓存” 在哪里？

现实世界中有哪些示例useMemo？

有没有人有任何建议来解决背景背后出现的模态问题？

到目前为止,我已经尝试确保我拥有所有必要的导入(包括<paper-dialog-scrollable>).

我还尝试了一个"hack-fix"(由某人建议)涉及设置z-index: autocss paper-header-panel.两者都不起作用.

值得注意的是<paper-dialog>标签工作得很好.直到我添加modal属性.

有任何想法吗？

出现在互联网上的是此问题报告和此Stackoverflow问题.

<script src="http://www.polymer-project.org/1.0/samples/components/webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="http://www.polymer-project.org/1.0/samples/components/polymer/polymer.html" />
<link rel="import" href="../../../bower_components/paper-dialog/paper-dialog.html">

<dom-module id="example-element">
  <template>
    <!-- Dialog -->
    <paper-dialog id="contactDialog" modal>
      <h2>Login</h2>
      <paper-dialog-scrollable>
        <form id="contact-form" autofocus>
          <paper-input autofocus id="name" label="Your Name"></paper-input>
          <paper-input id="email" label="Email Address"></paper-input>
        </form>
      </paper-dialog-scrollable>
      <div class="buttons">
        <paper-button dialog-dismiss>Cancel</paper-button>
        <paper-button dialog-confirm>Accept</paper-button>
      </div>
    </paper-dialog>
    <!-- Button -->
    <paper-button id="login"
                  data-dialog="contactDialog"
                  on-tap="openDialog">Login</paper-button>
  </template>
</dom-module>
<script>
  (function() {
    Polymer({ …