反应:包含形式的模态不能识别传递给它的类型函数的支柱

Question

这是一个非常具体的问题，我已经搜索了这个网站和网络数小时试图解决它。国防部请不要在没有完全阅读的情况下禁用这个帖子。我可以很容易地通过函数来控制状态。我可以很容易地将对象数组传递到模态。

这个问题是专门传递一个函数到一个模态，其中包含一个注册表单--在完成表单后，我要更改状态。

class Users extends Component {

  aPropVal = 'works fine';

  // passing the following function as prop to any other (non-modal) component works fine
  addUserStart = (data) => {
    console.log('addUserStart has been fired')
  }

  render() {
    return (
      <div id="main">
          <ModalAddUser  addUserStart={this.addUserStart} aprop={this.aPropVal} />
...
      </div>
    )
  }
}

导出默认用户

然后，ModalAddUserObject在各个方面都工作得很完美--函数的例外情况不会通过。

import React, { useState } from 'react';
import { Button,  FormGroup, Input, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';

    const ModalAddUser = (props) => {

        console.log('props for ModalAddUser: ' + JSON.stringify(props))
    ...
    }

console.log =

用于

ModalAddUser的道具：{“aprop”：“工作良好”}

Answer 1

JSON.stringify不会序列化函数。如果您尝试console.log(道具)，您应该会看到您的函数。

​

​