Upload 1.9
This commit is contained in:
@@ -1,5 +1,8 @@
|
|||||||
import { useState } from "react";
|
import { useState } from "react";
|
||||||
const Statistics = (props) => {
|
const Statistics = (props) => {
|
||||||
|
if (props.good + props.neutral + props.bad === 0) {
|
||||||
|
return <p>No feedback given</p>;
|
||||||
|
} else {
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<p>good {props.good}</p>
|
<p>good {props.good}</p>
|
||||||
@@ -11,11 +14,12 @@ const Statistics = (props) => {
|
|||||||
{(props.good - props.bad) / (props.good + props.neutral + props.bad)}
|
{(props.good - props.bad) / (props.good + props.neutral + props.bad)}
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
positive {(props.good / (props.good + props.neutral + props.bad)) * 100}{" "}
|
positive{" "}
|
||||||
%
|
{(props.good / (props.good + props.neutral + props.bad)) * 100} %
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
}
|
||||||
};
|
};
|
||||||
const App = () => {
|
const App = () => {
|
||||||
// save clicks of each button to its own state
|
// save clicks of each button to its own state
|
||||||
|
|||||||
Reference in New Issue
Block a user