React：包含表单的模态无法识别传递给它的类型函数的道具

Question

这是一个非常具体的问题，我已经在该网站和网络上搜索了几个小时，试图解决它。 Mod 请不要在没有完全阅读的情况下禁用此 post。我可以通过函数轻松控制状态。我可以轻松地将对象数组传递给模态

此问题专门将函数传递给包含注册表单的模式 - 完成表单后我想更改状态。

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 =

props for ModalAddUser: {"aprop":"works fine"}

Answer 1

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

React：包含表单的模态无法识别传递给它的类型函数的道具

React: Modal containing form won't recognise a a prop of type function being passed down to it

javascript

reactjs

bootstrap-4

reactstrap