小编cki*_*m16的帖子

嗨,我想知道有一种方法可以在React Native中垂直对齐.我试图在底部定位,但我认为我无法找到一个好方法.

如果有人知道如何解决这个问题,请告诉我.

谢谢,

我正在学习React Native和Redux,我在这里遇到了许多类似的问题,但我很难与我的问题联系起来.

当我在另一个方法中调用一个方法时,它会不断地返回我这个函数'不是函数,我真的不知道该怎么做.

这是我的一些代码..

import React, { Component } from 'react';
import { Text, StyleSheet, ScrollView } from 'react-native';
import { connect } from 'react-redux';
import Panel from '../components/panel';

class Orders extends Component {
    displayItems(obj) {
        console.log('itemArr', obj);
        return obj.items.map(function(item){
           return (<Text>{item.quantity + ' ' + item.name}</Text>)
        });
    }

    renderContents() {
        console.log('orders', this.props.orders);
        if (!this.props.orders) {
            return <Text>Loading...</Text>;
        }
        return this.props.orders.map(function(order) {  
                return (
                    <Panel title={order.id} key={order.id}>
                        <Text>
                            Item: {this.displayItems(order)}{'\n'}

                        </Text>
                    </Panel>
                );
        });
    }

    render() {
        return(
            <ScrollView style={styles.container}> …

全部

我对编程还很陌生，目前正在使用 sublime 文本编辑器自学 C++。我遇到一个问题，即通过 cin 输入某些内容后代码无法继续执行。例如，

#include <iostream>
using namespace std;

int main() {
  string password = "password";
  cout << "Enter your password: " << flush;

  string input;
  cin >> input;

  if(input == password) {
    cout << "Password accepted." << endl;
  } else {
    cout << "Access denied." << endl;
  }
  return 0;
}

输入后，它不会输出任何内容，例如“密码已接受”或“访问被拒绝”。有谁知道如何解决这个问题并使其发挥作用？谢谢。

我知道关于这个问题有很多答案，但我似乎找不到适合我的答案。我正在使用 axios 向我的服务器发送一个 post 请求，但它在 android 中不起作用，尽管它在 ios 中起作用。我目前正在使用服务器 ip 地址（不是本地主机），并且我也在请求时发送标头，但它仍然没有通过 android 的网络请求。

import axios from 'axios';

const SERVER_URL = 'http://serverip:3000';

export function signin({ username, password }) {
  return function(dispatch) {
    axios.post(`${SERVER_URL}/user/authenticate`, { username, password }, { headers: { 'Content-Type': 'application/json' } })
    .then((response) => {
      console.log('login response', response);
      dispatch({
        type: USER_AUTH,
      });
      AsyncStorage.setItem('token', response.data.token || '');
    })
    .catch((response) => console.log('user sign in err', response));
  };
}

有没有人像我一样有类似的问题并且知道如何进行这项工作？

谢谢，

自从我开始使用react/redux以来我第一次使用react-router-dom应用程序而且我在使用Redirect组件时遇到了麻烦.

我想Redirect在身份验证成功时触发,但在身份验证后它不会重定向到我想要的页面.

index.js

import { BrowserRouter as Router, Route } from 'react-router-dom';
import { createStore, applyMiddleware } from 'redux';
import ReduxThunk from 'redux-thunk';

import App from './components/app';
import Page1 from './containers/page1';
import Signin from './containers/auth/signin';

import Reducers from './reducers';

const createStoreWithMiddleware = applyMiddleware(ReduxThunk)(createStore);
const store = createStoreWithMiddleware(Reducers);

ReactDOM.render(
  <Provider store={store}>
    <Router>
      <div>
        <Route path="/" component={App}/>
        <Route path="/" component={Signin}/>
        <Route path="/signin" component={Signin}/>
        <Route path="/page1" component={Page1}/>
      </div>
    </Router>
  </Provider>
, document.querySelector('.container')); 

signin.js

import { BrowserRouter as Route, Redirect …

我试图在 google-maps-react 中悬停时在 google 地图标记上弹出工具提示（或气球）。我发现他们支持 onMouseover 但我不确定我需要在我的回调函数或 css 中添加什么来实现它。

这是我的 google_map.js

import React, { Component } from 'react';
import Map, { Marker } from 'google-maps-react';
import ReactTooltip from 'react-tooltip';

export default class GoogleMap extends Component {
  constructor(props) {
    super(props);
    this.renderTrucks = this.renderTrucks.bind(this);
  }

  onMouseoverMarker(props, marker, e) {
    // Code here to show tooltip when hovered??
  }

  renderTrucks() { 
    if (this.props.list.length === 0) {
      return;
    }   

    return this.props.list.map((truckInfo) => {
      return (<Marker
        key={truckInfo.objectid}
        name={truckInfo.applicant}
        onMouseover={this.onMouseoverMarker} 
        position={{lat:truckInfo.latitude, lng:truckInfo.longitude}} />
      );
    });
  } …

我对测试环境很新,比如mocha和chai,我想通过以下在线教程进行练习,但似乎它不喜欢我的工作并给我一个错误说:

global.document = _jsdom2.default.jsdom('<!doctype html><html><body></body></html>');
                                  ^
TypeError: _jsdom2.default.jsdom is not a function

我的test_helper样子,

import jsdom from 'jsdom';
import jquery from 'jquery';
import TestUtils from 'react-dom/test-utils';
import ReactDOM from 'react-dom';
import chai, { expect } from 'chai';
import React from 'react';
import { Provider } from 'react-redux';
import { createStore } from 'redux';
import reducers from '../src/reducers';
import chaiJquery from 'chai-jquery';

// Set up testing environment to run like a browser in the command line
global.document = jsdom.jsdom('<!doctype html><html><body></body></html>'); …

我想在nativebase中使用redux-form，但它的功能与在Web中使用的功能不同。我不认为我的onSubmit回调没有被调用，我也不知道为什么。

import React, { Component } from 'react';
import { reduxForm, Field } from 'redux-form';
import {
  Container,
  Content,
  Item,
  Input,
  Button,
  Form,
  Label,
  Text,
  Icon
} from 'native-base';

import * as actions from '../actions';

class Signin extends Component {
  handleFormSubmit({ username, password }) {
    this.props.userSignIn({ username, password });
  }

  renderUsername() {
    return (
      <Item floatingLabel>
        <Icon name="ios-person" />
        <Label>Username</Label>
        <Input autoCorrect={false} autoCapitalize="none"/>
      </Item>
    );
  }

  renderPassword() {
    return (
      <Item floatingLabel>
        <Icon name="ios-lock" />
        <Label>Password</Label>
        <Input secureTextEntry={true} …

我有一个似乎是Int的值,但是当我键入(of:value)时,它返回Optional,在尝试了很多东西后,我认为数据类型为NSString.

let sum = data[0]["total1"] + data[0]["total2"]

我有两个这样的值,我想添加它们,但它不允许我说"二元运算符+不能应用于两个"任何"操作数"或"类型的值"任何"没有成员'intValue' ".

如何将此"Any"转换为Int,以便我可以添加它们？

提前致谢.