使用键值对props响应本机创建类

时间:2020-06-03 05:05:31

标签: javascript react-native class constructor react-props

class Adder extends Component {
  constructor(props) {
    super(props)
    this.props.callback(this.props.valueA + this.props.valueB)
  }
}

在JSX中,我可以这样做:

<Adder callback={this.resultFunc} valueA={4} valueB={2}/>

我不知道JS中的语法,例如,这不起作用。我只有第一个参数通过:

this.myAdder = new Adder({callback:this.resultFunc},{valueA:4},{valueB:2});

除了第一个KV对,在Adder类中没有定义。 谁能指出我的意思?谢谢!

3 个答案:

答案 0 :(得分:1)

您应该可以将它们全部放在同一个对象中

this.myAdder = new Adder({callback: this.resultFunc, valueA: 4, valueB: 2});

答案 1 :(得分:1)

如您所见,加法器仅接受一个参数,但您传递了三个 道具是一个物体

this.myAdder = new Adder({callback:this.resultFunc,valueA:4,valueB:2});

答案 2 :(得分:1)

您应该只有一个对象:new Adder({callback:this.resultFunc,valueA:4,valueB:2})这将是您的道具。