小编ras*_*tay的帖子

据我所知并纠正我,如果我错了,redux-thunk是一个中间件,它可以帮助我们在动作本身中调度异步函数和调试值,而当我使用redux-promise时,我无法创建异步函数而不实现自己的机制为Action抛出仅调度普通对象的异常.

这两个包之间的主要区别是什么？在单页反应应用中使用这两个包还是坚持使用redux-thunk有什么好处就足够了？

我进行了Google搜索,无法找到与此主题相关的任何内容.如果我有链接

例如:

<a href="1.html">

在我的HTML文档中,然后如何添加1.html到jsfiddle,以便它可以提供文件的链接.. ?? 我知道JSfiddle按钮中有一个外部文件选项卡,但我想这是用于URL的.我是一个本地档案.任何帮助将非常感激.

我也知道我们可以上传任何东西到JSfiddle.那么如何应用我的链接或像postimg.org这样的服务可以用来链接我的外部文件

我已经设定 axios.defaults.timeout = 1000;

我停止了为我提供API的服务器.

但发送请求后超时需要1秒以上.

这是我的请求的样子:

import axios from 'axios';
axios.defaults.timeout = 1000;

return axios.post(`${ROOT_URL}/login/${role}`, creds).then((response) => {
      console.log(response);

        if(response.status === 200) {
          // If login was successful, set the token in local storage
          localStorage.setItem(`${role}_log_toks`, JSON.stringify(response.data));

          // Dispatch the success action
          dispatch(receiveLogin(response.data));

          return response;
        }
      }).catch(err => {
        console.log(err);
        // If there was a problem, we want to
        // dispatch the error condition
        if(err.data && err.status === 404) {
          dispatch(loginError(err.data));
        } else {
          dispatch(loginError('Please check your network connection and …

我理解为什么会发生保证金崩溃.我在各种网站上看到了很少的例子,说明它是如何发生的以及为什么会发生.

具体来说,以下是我读到的帖子的链接:https:
//css-tricks.com/almanac/properties/m/margin/

它清楚地解释了崩溃是垂直发生的,并且它是为了某个目的而实现的.但是,它提到"这不会发生在水平边缘(左和右),只有垂直(顶部和底部)." 没有解释为什么它不会发生在水平边缘上.

其他地方没有找到答案.

出于好奇,我想知道,为什么水平边缘崩溃不会发生？任何帮助赞赏.

下面是我的Greeter.jsx文件:

import React, {Component} from 'react';
import cssModules from 'react-css-modules';
import {Button} from 'react-bootstrap';
import styles from './Greeter.css';

const option = {
  'allowMultiple': true
};

class Greeter extends Component{
  render() {
    return (
      <div styleName='root root-child'>
        <h1>Welcome to React Devops.</h1>

        <p styleName="para">This is an amazing para.</p>
        <p>Hot module reload.</p>

        <Button bsStyle="primary">Test</Button>
      </div>
    );
  }
}

export default cssModules(Greeter, styles, option);

下面是我的main.js文件:

import React from 'react';
import {render} from 'react-dom';
import Greeter from './Greeter';
import 'bootstrap/dist/css/bootstrap.min.css';
import 'bootstrap/dist/css/bootstrap-theme.min.css';

import './main.css';

render(<Greeter …

效果的HTML:

<svg class="svg-defs2" version="1.1" xmlns="http://www.w3.org/2000/svg" height="200" width="640">
  <defs>
    <clipPath id="clipping2">
      <!--As much as you reduce the x-coordinate of start, expand exactly that
       much of end-->
      <path id="circle2" d='M30 190
      A40 40 0 0 1 350 190
      A40 40 0 0 1 30 190
      z
      M60 190
      A10 10 0 0 1 320 190
      A10 10 0 0 1 60 190
      z' clip-rule='evenodd'/>
    </clipPath>
  </defs>
</svg>

<!-- SVG spongecell  -->
<div class="wrapper">
  <img src="http://s26.postimg.org/mogt0be2h/Black.png" height="381" width="379" alt="Black Circuit">
  <div class="toBeMasked">
    <svg …

我目前正在运行 2 台服务器：

1. 使用 react 为视图提供服务，该 react 从使用 express 构建的 REST API 检索数据。
2. 为视图提供 REST API。

以下是我登录用户的操作：

// Redux Action
export function loginUser(creds, role) {

  return dispatch => {
    // We dispatch requestLogin to kickoff the call to the API
    dispatch(requestLogin(creds));

    return axios.post(`${ROOT_URL}/login/${role}`, creds).then((response) => {
        console.log(response);

        if(response.status === 200) {
          // If login was successful, set the token in local storage
          localStorage.setItem('id_token', response.data);

          // Dispatch the success action
          dispatch(receiveLogin(response));

          return response;
        }
      }).catch(err => {
        // If there was …

我已经研究过它并找到了这篇文章：

react-native：隐藏键盘

但这对我不起作用。当我触摸文本输入字段之外的屏幕部分时，我预计输入字段将失去焦点并且键盘将被关闭。但是，什么也没有发生。光标在输入端一直闪烁。

下面是我试过的代码。请注意，我使用的是 redux-form v6：

import dismissKeyboard from 'dismissKeyboard';

<TouchableWithoutFeedback onPress={()=> dismissKeyboard()}>
        <View style={styles.inputWrap}>
          <Field name="editLocation" component={TextField} />
          <Button onPress={handleSubmit(this.onSubmit)}>Sign In</Button>
        </View>
</TouchableWithoutFeedback>

TextField 组件包含 TextInput。不确定我是否做错了什么。

我已经使用三星 S6 图像和三星 note 4 在 Genymotion 模拟器上测试了代码。

下面是创建 实例的代码片段panResponder：

  constructor( props ) {
    super( props );

    this.position = new Animated.ValueXY();

    this.panResponder = PanResponder.create( {
      onStartShouldSetPanResponder: ( ) => true,
      onPanResponderMove: ( event, gesture ) => {
        this.position.setValue( { x: 0, y: gesture.dy } );
      },
      onPanResponderRelease: ( event, gesture ) => {
        if ( gesture.dy > SWIPE_THRESHOLD ) {
          this.forceSwipe( 'up' );
        } else if ( gesture.dy < -SWIPE_THRESHOLD ) {
          this.forceSwipe( 'down' );
        } else {
          this.resetPosition();
        }
      },
      onMoveShouldSetPanResponderCapture: ( evt, gestureState ) …

我有一个现有的存储库。我已经清除了所有不需要的文件，因为我想开始一个新的 NX 集成项目。但是，我想继续使用相同的存储库，因为我希望根目录中存在一些文件。

如果我运行npx create-nx-workspace@latest --preset=next --packageManager=yarn，它会问一堆问题并在工作空间名称下创建项目。我希望这些文件直接驻留在现有的当前目录下，而不是在当前目录下创建一个具有工作区名称的新目录。

例如，代替

my-project
--nx-workspace-name
----package.json
----lib

我希望这些文件位于

my-project
--package.json
--lib

我检查了所有create work space标志，但没有找到可以解决此问题的相关标志。目前，我将所有文件复制并放置在根目录中。然后，我删除具有工作区名称的文件夹。

一个例子是--flat在创建 NX React 组件时使用类似标志的东西，该组件在同一目录中创建文件，而不将文件嵌套在任何新目录下。

是否可以避免这个额外的步骤？