小编Was*_*and的帖子

期望的行为是将参数(文本)传递给onClick处理程序到console.log它,但似乎我在做错了语法.

如果我把论点排除在下面,它的工作正常:

export default class Nav extends Component {
  componentDidMount() {
    this.props.pickNumber(3);
  }

  onPress() {
    console.log('FOOOBAAR');
  }
  render() {
    return (
      <View>
        <Text>####################</Text>
        <Text>Intro Screen</Text>
        <Text>Number: {this.props.numbers}</Text>
        <TouchableHighlight onPress={this.onPress.bind(this)}>
          <Text>Go to Foo</Text>
        </TouchableHighlight>
      </View>
    );
  }

}

但是,如果我想将参数传递给onPress处理程序,它会抱怨'无法读取未定义的属性'bind'.

export default class Nav extends Component {
  componentDidMount() {
    this.props.pickNumber(3);
  }

  onPress(txt) {
    console.log(txt);
  }
  render() {
    return (
      <View>
        <Text>####################</Text>
        <Text>Intro Screen</Text>
        <Text>Number: {this.props.numbers}</Text>
        <TouchableHighlight onPress={this.onPress('foo').bind(this)}>
          <Text>Go to Foo</Text>
        </TouchableHighlight>
      </View>
    );
  }

}

谢谢

增加:如果我将其更改为:

onPress={this.onPress.bind('foo')}

它也不起作用.

用谷歌搜索后,我找到了两个解决方案:

    var data = [...Array(10).keys()];
console.log(data);
    var data1 = Array(8).fill().map((_, i) => i);
console.log(data1);

data1显示[0,1,...,7]但是数据只显示[[object Array Iterator]]我如何实际看到数字.

我需要它来对数字进行一些迭代(Euler项目的一部分).

以前我在Python中做了很多Euler挑战.现在我决定重新访问它并尽可能多地使用JS(尽可能多的ES6语法)来帮助我发展我的js技能.

尝试运行package.json中指定的命令时,Webstorm会抛出错误:

"devDependencies": {},
      "scripts": {
        "dev": "./node_modules/.bin/webpack-dev-server --content-base src --inline --hot",
        "test": "echo \"Error: no test specified\" && exit 1"
      },

我在其他计算机(Linux/Windows)上将此脚本与Webstorm一起使用.在这个(Linux)上,它似乎没有突然发挥作用.过去很好.我刚刚升级了Webstorm.从CLI,'dev'命令工作正常,它与Webstorm配置有关.In Settings => Languages&Frameworks => NOde.js和NPM将节点解释器指定为/ usr/bin/node,这是正确的路径.我还点击了Enable Node.js核心库.仍然在Webstorm的NPM窗口中,当我想运行'dev'脚本时,它会抛出上面提到的错误.如果重要的话,该项目是一个反应项目.

在过去,它运行良好.请指教.

编辑:添加了屏幕截图 - 默认值

dev =>编辑'dev'设置:

我正在看这个使用reduce()函数的例子.

function add(runningTotal, currentValue) {
   return runningTotal + currentValue;
}

var nums = [1,2,3,4,5,6,7,8,9,10];
var sum = nums.reduce(add);
print(sum); // displays 55

你能告诉我一些使用reduce()的其他例子 - 我不确定我是否完全遵循它的工作原理.

谢谢

我有一个带有数字的长电子表格.

我需要将它们分成一个字符串; 例如.4364453; 24332432; 2342432

我知道我能做到:

=concat(A1:A2000)

但是这将在没有分隔符的情况下将其合并到一个字符串中 - 当您指定范围时,我似乎无法找到分隔符的选项.

谢谢

抛出的错误是:意外的令牌,预期; (9:16)这指向renderNumbers()函数的第一行.我的语法有什么问题？我对这里需要改变什么以使其工作有点困惑.

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

renderNumbers() {
  return this.props.numbers.map(n =>
    <Text>{n}</Text>
  );
}


export default class Counter extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.appName}>
          Countly
        </Text>
        <Text style={styles.tally}>
          Tally: {this.props.count}
        </Text>
        <Text style={styles.tally}>
          Numbers: {this.props.numbers}
        </Text>
        <View>
          {this.renderNumbers()}
        </View>
        <TouchableOpacity onPress={this.props.increment} style={styles.button}>
          <Text style={styles.buttonText}>
            +
          </Text>
        </TouchableOpacity>
        <TouchableOpacity onPress={this.props.decrement} style={styles.button}>
          <Text style={styles.buttonText}>
            -
          </Text>
        </TouchableOpacity>
        <TouchableOpacity onPress={this.props.power} style={styles.button}>
          <Text style={styles.buttonText}>
            pow
          </Text>
        </TouchableOpacity> …

我正在尝试获取下一个星期日的日期（并将时间设置为上午 9 点：

var sun = new Date();
sun.setDate(sun.getDate() + (7 - sun.getDay()));
sun.setHours(9);
sun.setMinutes(0);
sun.setSeconds(0);
console.log(sun.toISOString());

这就是我得到的：

  2018-11-04T09:00:00.722Z

我唯一不需要的是 .722（API 不会接受）

2018-11-04T09:00:00Z

如何删除 .722 位？

如何从URL获取数据到ReactJS.

该网址具有以下类型:http: //www.domain.com/api/json/x/a/search.php？s = category

如果在浏览器中键入,将显示一个json对象.

如何将其加载到ReactJS.

首先,我开始:

const dUrl = "http://www.the....";

console.log(dUrl);

但显然它显示的是url而不是内容(我将能够过滤 - 这只是将它加载到我不知道的对象的这个初始步骤)

编辑:我宁愿不使用jQuery.

如何将两者合并以创建垂直菜单？我有一个基本的路由设置(可以工作并作为标准水平菜单呈现):

<div>
      <Link className="p5" to='/'>Home</Link>
      <Link className="p5" to='/Gallery'>Gallery</Link>
      <Link className="p5" to='/Contact'>Contact</Link>
</div>

从react-bootstrap文档中,有一个垂直Nav元素的示例:

function handleSelect(selectedKey) {
  alert('selected ' + selectedKey);
}

const navInstance = (
  <Nav bsStyle="pills" stacked activeKey={1} onSelect={handleSelect}>
    <NavItem eventKey={1} href="/home">NavItem 1 content</NavItem>
    <NavItem eventKey={2} title="Item">NavItem 2 content</NavItem>
    <NavItem eventKey={3} disabled>NavItem 3 content</NavItem>
  </Nav>
);

我很困惑如何将它们放在一起？我设法将它们放在一起而不使用react-bootstrap,就像下面的普通引导程序一样,但这违背了使用react-bootstrap的目的.

<ul className="nav nav-pills nav-stacked">
      <li className="active"><Link className="p5" to='/'>Home</Link></li>
      <li><Link className="p5" to='/Gallery'>Gallery</Link></li>
      <li><Link className="p5" to='/Contact'>Contact</Link></li>
</ul>

我正在尝试使用react-bootstrap.请参阅下面的代码.如果我加载单个模块(例如Button,ButtonGroup等),它可以正常工作.但是,我宁愿导入整个ReactBootstrap(如下面的第2行所示)但是,它不会识别像.我该怎么做？

import React from 'react';
import ReactBootstrap from 'react-bootstrap';
import { Button } from 'react-bootstrap';
import { ButtonGroup } from 'react-bootstrap';
import { DropdownButton } from 'react-bootstrap';
import { MenuItem } from 'react-bootstrap';

const NavBar = (props) => {

    return (
        <div>
            <Button bsStyle="success" bsSize="small">
                Something
            </Button>
            <ButtonGroup>
                <DropdownButton bsStyle="success" title="Dropdown">
                    <MenuItem key="1">Dropdown link</MenuItem>
                    <MenuItem key="2">Dropdown link</MenuItem>
                </DropdownButton>
                <Button bsStyle="info">Middle</Button>
                <Button bsStyle="info">Right</Button>
            </ButtonGroup>
        </div>
    )

}

export default NavBar;

谢谢