How to pass an Argument to a Method used inside JSX expression?
The expression in below example invokes the shape() and area() method, using the len and bre value as the argument.
Example
import React, { Component } from 'react';
class App extends Component {
constructor(props) {
super(props);
this.dimension = {
len: 40,
bre: 50
}
}
shape(l, b) {
return l == b ? "Sqaure" : "Rectangle";
}
area(l, b) {
return l * b;
}
render = () =>
<span class="d-block p-2 bg-dark text-white">
Area of { this.shape(this.dimension.len, this.dimension.bre) }:
{ this.area(this.dimension.len, this.dimension.bre) }
</span>
}
export default App;