Question

我的Numbers组件中有一个函数，该函数应该返回状态，但是它返回[object，object]我看不到我做错了什么吗？我已经在Numbers中编写了一个函数，该函数在我的apps组件中返回了另一个函数！

import React, { Component } from 'react';
import propTypes from 'prop-types';

class Numbers extends Component {
  constructor(props){
    super();
    this.state={
      numberValue:6
    }
  }

  submit = (n) => {
    this.props.takeValue(this.state.numberValue)
  }

  render() {
    return (
      <div>
        <button value={this.state.numberValue} onClick={this.props.submit}>
          {this.props.numberValue}
        </button>
      </div>
    )
  }
}

// Completed.propTypes={
// test:propTypes.string.isRequired

export default Numbers

数字部分：

SELECT * 
FROM tblFiles 
WHERE storeId in (IDs) 
ORDER BY createdDate DESC  
LIMIT 10

Answer 1

您不了解传递道具的概念。您需要区分传递给子组件的内容以及如何从子组件中调用父组件。

更改

onClick={this.props.submit}

到

 onClick={this.submit}

和

 submit=(n) => {    
       this.props.takeValue(this.state.numberValue)    
    }

到

  submit = (n) => {
    this.props.submit(this.state.numberValue)
  }

onClick={this.props.submit}将调用父组件而不是子组件

Demo

Answer 2

谢谢，我发现了我的错误！应该是this.submit而不是this.props.submit 我还需要调用takeValue函数

谢谢

为什么我的react函数返回[object，object]

2 个答案: