Closed ShaneChesnutt closed 7 years ago
I would like to demonstrate the max
"filter" for this. Given a list of numbers, filter out the largest of them.
In HTML:
<p>{{ myValues | max }}</p>
In JS:
$scope.maxValue = $filter('max')($scope.myValues);
Coming along...
// TODO: import as a module
const update = React.addons.update;
// TODO: import as a module
function getLargestNumberInArray(arr) {
return arr.reduce(function(x,y){
return (x > y) ? x : y;
});
}
class LargestListMemberIncrementer extends React.Component {
constructor(props) {
super(props);
this.state = {
listOfNumbers: [1, 55, 3, -3, 1]
};
this.incrementLargestListMember = this.incrementLargestListMember.bind(this);
}
incrementLargestListMember() {
const newState = update(this.state.listOfNumbers, {$push: [getLargestNumberInArray(this.state.listOfNumbers) + 1]});
this.setState({
listOfNumbers: newState
});
}
render () {
return (
<div>
<h1 onClick={this.incrementLargestListMember}>{getLargestNumberInArray(this.state.listOfNumbers)}</h1>
</div>
);
}
}
Document in Readme