小编Ley*_*ese的帖子

反应还原函数的函数mapStateToProps和mapDispatchToProps参数之间的区别是什么connect？任何人都可以用例子给出合适的解释

action.payload被称为何时，何地，为什么？请任何人帮助我了解action.payload的实际用途。我已经搜索了很多siteS，但没有得到。

import React, { Component } from 'react';
import { connect } from 'react-redux';
import { login } from '../../redux/reducer';
import './LoginForm.css';



class LoginForm extends Component {

  constructor(props) {
    super(props);
    this.state = {};
    this.onSubmit = this.onSubmit.bind(this);
  }

  render() {
    let {username, password} = this.state;
    let {isLoginPending, isLoginSuccess, loginError} = this.props;

    return (
          <header>
   <h1>Company Login</h1>
   </header>

      <form name="loginForm" onSubmit={this.onSubmit}>




        <div className="form-group-collection">
          <div className="form-group">

            <label>Username/User ID:</label>
            <input name="username" onChange={e => this.setState({username: e.target.value})} value={username}/>
          </div>


          <div className="form-group">
            <label>Password:</label>
            <input type="password" name="password" onChange={e => …

如果我输入无效的邮件 ID，我需要使用 antd 工具提示显示“无效的电子邮件！！”。如何在ReactJS antd Form中使用它？我现在使用的代码是：

<div style={{'height': '40px','display':'flex'}}> 
                      <label style={{'width':'80px','paddingTop':'8px'}}>Main Email:</label>       
                            <FormItem >
                            {getFieldDecorator('Email', {
                        initialValue: '',
                        rules: [{
                          type: 'email', message: 'The input is not valid E-mail!',
                        }],
                      })(
                        <Input placeholder="Main Email" style={{'width':'170px'}} onChange={(e)=>{e.preventDefault(); e.stopPropagation();                                   
                            this.handleChange(0,e, 'Email')}} />
                      )}                       
                    </FormItem>   </div>

如何使用 antd Tooltip 来修改它以显示消息？

我尝试了另一个带工具提示的代码。但问题是

• 仅当“悬停”到文本框时才起作用
• 即使我输入了正确的电子邮件，工具提示仍然存在

代码是

<div style={{'height': '40px','display':'flex'}}>  
                    <label style={{'width':'80px','paddingTop':'8px'}}>CC Email:</label>        
                    <FormItem >
                            {getFieldDecorator('Cc', {
                        initialValue: '',
                        rules: [{
                          type: 'email'
                        },],
                      })(
                        <Tooltip title="The input is not valid Email">
                        <Input placeholder="CC Email" style={{'width':'170px'}} …

我有一个对象，例如，

let obj = {
  name: '',
  age: 16, 
  address: '', 
  city: '', 
  pin: 4564
}

我想要具有值而不是 0 或未定义或“”的元素的长度。我的 obj 有 2 个具有值的元素（年龄和 pin），所以我希望 obj 的长度为 2