作为prop传递给功能组件时,react函数未定义

时间:2020-01-06 02:33:59

标签: reactjs react-props react-functional-component

我正在将在主应用程序类中定义的功能传递给可以接受道具的功能组件。由于某种原因,我收到函数未定义的错误。有人可以帮我吗?我可能不是很明显,但我想不出错误的原因。

//inside APP.js

updateProgress = (val) =>{
    this.setState({progress:val,currentid:val-1}).then(()=>{
      console.log("progress",this.state.progress,"progress",this.state.currentid)
    })
  }

<mycomponent updateProgress={this.updateProgress} mainprops={this.state}/>

// inside functional component script

const cooloptions = props => {
  return (

    props.options.map(o => (
      <div key={o.key}>
        <label htmlFor={o.key}>
            <strong>{o.title}</strong>
            <p>{o.description}</p>
        </label>
        <input id={o.key} name={o.name} onClick={updateProgress(props.mainprops.progress+1)} type="radio" />
      </div>
    ))
  )
}

1 个答案:

答案 0 :(得分:2)

更改

from PyQt5 import QtCore, QtGui, QtWidgets


if __name__ == "__main__":
    import sys

    app = QtWidgets.QApplication(sys.argv)

    menubar = QtWidgets.QMenuBar()
    menubar.setCursor(QtGui.QCursor(QtCore.Qt.ArrowCursor))

    menu_Available_View = QtWidgets.QMenu(menubar)
    menuatest = QtWidgets.QMenu(menu_Available_View)

    actiontest = QtWidgets.QAction(menubar)
    menuatest.addAction(actiontest)
    menu_Available_View.addSeparator()
    menu_Available_View.addAction(menuatest.menuAction())
    menubar.addAction(menu_Available_View.menuAction())
    menu_Available_View.setTitle("&Available View")
    menuatest.setTitle("atest")
    actiontest.setText("test")

    menubar.setFixedHeight(menubar.sizeHint().height())
    menubar.resize(500, menubar.height())

    menubar.show()

    sys.exit(app.exec_())

onClick={updateProgress(props.mainprops.progress+1)}