小编Tom*_*omb的帖子

this.props.onPress不是一个函数

我有一个HomePage.js包含关于我们按钮,当我点击我要显示的那个按钮AboutUs.js.该HomePage.js显示正确,但是,当我点击按钮,它给了我下面的错误:this.props.onPress不是一个函数.(在'this.props.onPress(e)'中,'this.props.onPress'是Object的一个实例)

我有 App.js

import React, { Component } from 'react';
import { StackNavigator } from 'react-navigation';
import HomePage from './HomePage';
import AboutUs from './AboutUs';


const App = StackNavigator({
    HomePage: {
        screen: HomePage,
        navigationOptions: {
            header: () => null
        }
    },
    AboutUs: { 
      screen: AboutUs,
        navigationOptions: {
          header: () => null
        }
     }
});

export default App;
Run Code Online (Sandbox Code Playgroud)

然后我有一个可重用的组件Button.js:

import React from 'react';
import { Text, TouchableOpacity } from 'react-native';

const …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-native react-navigation

6
推荐指数
2
解决办法
5607
查看次数

/ bin / sh:adb:找不到命令

当我尝试在设备上运行我的React Native应用程序时,收到以下消息/bin/sh: adb: command not found。该应用程序仍在我的手机上运行,​​但无法重新加载或远程调试它。

像这样有很多问题,但是他们的解决方案对我没有帮助。

我的adb文件在中~/Library/Android/sdk/platform-tools

我尝试这样做sudo nano ~/.zshrc,然后在“用户配置”下添加了export PATH="~/Library/Android/sdk/platform-tools"它,但没有帮助。

当我这样做时,echo $PATH我得到以下信息(但是我不知道它是什么意思:(): /Users/myname/.rbenv/shims:/usr/bin:/bin:/usr/sbin:/sbin:/Users/myname/.rbenv/shims:/Users/myname/.rbenv/shims:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Users/myname/.rvm/bin

我想我应该导出正确的路径,但是我不知道从哪里开始。任何的想法?

android adb react-native

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

如何设置CSS网格列的最大宽度

我有一个CSS网格,当有很多项目时,它看起来很不错。但是,当有1个,2个或3个项目时,卡片会被拉伸。

我尝试将设置max-width为每张卡,但是列的宽度保持不变。有没有一种方法可以设置max-width每列?仅在3列以下时才需要使用它。(我对CSS网格很陌生)

.big-container {
  padding: 0 10%;
}

.header {
  width: 100%;
  height: 50px;
  background-color: blue;
}
.container {
  border: 1px solid black;
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  grid-gap: 10px;
}
.box {
  border: 1px solid black;
  height: 30px;
  background-color: yellow;
}
Run Code Online (Sandbox Code Playgroud)
<div class="big-container">
  <div class="header"></div>
  <p>Text</p>
  <div class="container">
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>

</div>
</div>
Run Code Online (Sandbox Code Playgroud)

谢谢!

html css css-grid

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

如何更新模型?.updateAttributes不是函数

我正在构建一个Node Express应用程序,其中Postgres作为数据库,Sequelize作为ORM。

我有一个router.js文件:

router.route('/publish')
  .put((...args) => controller.publish(...args));
Run Code Online (Sandbox Code Playgroud)

controller.js 看起来像这样:

publish(req, res, next) {
  helper.publish(req)
  .then((published) => {
    res.send({ success: true, published });
  });
}
Run Code Online (Sandbox Code Playgroud)

还有一个 helper.js

publish(req) {
  return new Promise((resolve, reject) => {
    Article.findAll({
      where: { id: req.query.article_id },
      attributes: ['id', 'state']
    })
    .then((updateState) => {
      updateState.updateAttributes({
        state: 2
      });
    })
    .then((updateState) => {
      resolve(updateState);
    });
  });
}
Run Code Online (Sandbox Code Playgroud)

因此,例如,当我按下PUT时,http://localhost:8080/api/publish?article_id=3555我应该得到:

{
  "success": true,
  "published": [
    {
      "id": 3555,
      "state": 2
    }
  ]
}
Run Code Online (Sandbox Code Playgroud)

该文章的当前状态为1。

但是,出现以下错误Unhandled …

postgresql node.js express sequelize.js

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

React Native:尝试在Android上运行时评估项目':app'时发生问题

我有一个React Native应用,当我尝试在我的android设备上运行它时,出现以下错误:

FAILURE: Build failed with an exception.

* Where:
Build file '/Users/myname/Desktop/myapp/android/app/build.gradle' line: 1

* What went wrong:
A problem occurred evaluating project ':app'.
> Failed to apply plugin [id 'com.android.application']
   > java.nio.file.AccessDeniedException: /Users/myname/.android/build-cache.lock
Run Code Online (Sandbox Code Playgroud)

我正在使用以下版本:

  • 反应本机:0.57.3
  • Android Studio:3.2.1
  • java:“ 1.8.0_191”
  • distributionUrl = https://services.gradle.org/distributions/gradle-4.4-all.zip
  • macOS:Mojave 10.14.1

我试图更改Gradle版本,但是没有用。这是我的app/build.gradle

FAILURE: Build failed with an exception.

* Where:
Build file '/Users/myname/Desktop/myapp/android/app/build.gradle' line: 1

* What went wrong:
A problem occurred evaluating project ':app'.
> Failed to apply plugin [id 'com.android.application']
   > …
Run Code Online (Sandbox Code Playgroud)

android react-native

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

在case语句中使用&&

我正在尝试case用两个独立的条件写一个声明:

  1. controller_name'pages''users'
  2. controller_name存在'static'action_name存在'homepage'

这就是我尝试过的:

case controller_name
when 'pages', 'users'
  stylesheet_link_tag "style"
when 'static' && action_name == 'homepage'
  stylesheet_link_tag "homepage"
end
Run Code Online (Sandbox Code Playgroud)

第一个when按预期工作,但第二个when没有.我怀疑这&&是导致问题,但我无法弄清楚正确的语法.

ruby ruby-on-rails

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

如何将对象的键和值转换为逗号分隔的字符串?

我有一个看起来像这样的对象:

obj = { apples: 2, eggs: 4, potato: 1 }
Run Code Online (Sandbox Code Playgroud)

而且我想返回一个字符串,看起来像这样:I have 2 apples, 4 eggs, 1 potato

我尝试了以下方法:

obj = { apples: 2, eggs: 4, potato: 1 }
Run Code Online (Sandbox Code Playgroud)

我不知道怎么把它们放在一起

javascript

0
推荐指数
1
解决办法
828
查看次数

如何求和对象内数组属性的长度

我有一个看起来像这样的对象:

let arr = {
  names: ['John', 'Paul'],
  phones: ['iPhone', 'Samsung', 'Huawei'],
  clothesBrands: ['HM', 'Zara']
}
Run Code Online (Sandbox Code Playgroud)

我需要对数组的长度求和。我可以这样做:

arr.names.length + arr.phones.length + arr.clothesBrands.length 
Run Code Online (Sandbox Code Playgroud)

结果是7。

如果我不知道所有的键,我怎么能以干净的方式做到这一点?

javascript arrays

0
推荐指数
1
解决办法
857
查看次数