小编Sel*_*vin的帖子

我正在使用react-beautiful-dnd创建垂直嵌套拖放。我已经在github中提到了一些答案

我已经从沙箱中分叉，并为垂直嵌套拖放创建了一个新的沙箱。当我更改内部DND时，外部DND更改的值不在内部DND中。

码

 onDragEnd(result) {
    // dropped outside the list
    console.log("innner drag");
    if (!result.destination) {
      return;
    }

    const items = reorder(
      this.state.items,
      result.source.index,
      result.destination.index
    );

    this.setState({
      items
    });
  }

演示代码：https : //codesandbox.io/s/ozq53zmj6

我antd在表单中使用设计。

在这里，我profilereducer通过使用shouldComponentUpdate方法来设置减速器的值。

class ProfileForm extends Component {

 componentDidMount = () => {
  this.props.actions.getprofile()
 }

 shouldComponentUpdate = (nextProps) => {
  if (this.props.profile) {
   this.props.form.setFieldsValue({
    name: this.props.profile.name,
   });
  } else {
   this.props.form.setFieldsValue({
    firstname: 'loading',
   });
  }
 }


 render() {
  const { getFieldDecorator, getFieldValue } = this.props.form; 
     <Form layout="vertical">
        <FormItem label="First Name" >
            {getFieldDecorator('name', { rules: [{ required: true, message: 'Required!', }], })(
                <Input addonBefore={selectBefore} placeholder="First Name" />
            )}
        </FormItem>
    </Form>    
}


 function mapStateToProps(state) {
  return { …

我在项目中使用蚂蚁设计。

在这里，我有一个选择作为动态字段。当我尝试为select设置默认值时。没用

<Select defaultValue="lucy">
  <Option value="jack">Jack</Option>
  <Option value="lucy">Lucy</Option>
  <Option value="Yiminghe">yiminghe</Option>
</Select>

我将defaultvalue设置为，lucy但不起作用

复制代码：https : //codesandbox.io/s/6x3qv6wymr

在 React 中，我有类似的文件

--parent.js
--child.js
--App.js

parent.js包含文本框和按钮

child.js包含 P 标签

App.js包含父组件和子组件

问题

在按钮单击时将来自父级的文本框值传递给子级并在子段落标记中显示该值。

完整代码 堆栈闪电战

我对HOC有反应sessionTimeout。现在我要使用Redux操作方法进行Redux连接。

当我调用方法时，this.props.actions.logout它将引发错误Undefined。

我如何在HOC中连接Redux

HOC

import React from 'react';
import { Modal } from 'antd';
import * as actions from '../../actions';
import { connect } from 'react-redux'
import { bindActionCreators } from 'redux'

export default function(ComposedClass){
 return class extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      warningTime: 4000,
      signoutTime: 5000,
    };
  }

  componentDidMount() {
    this.events = [
      'load',
      'mousemove',
      'mousedown',
      'click',
      'scroll',
      'keypress'
    ];

    for (var i in this.events) {
      window.addEventListener(this.events[i], this.resetTimeout);
    }

    this.setTimeout();
  }

  clearTimeoutFunc …