ReactJs Remove Duplicate Values from Array

<!DOCTYPE html>
<html>
<head>
<title>ReactJS Tutorial, Example & Demo</title>	
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<!---this is used to compile on run time--->
<script src="https://npmcdn.com/babel-transform-in-browser@6.4.6/dist/btib.min.js"></script>

</head>
<body>
<div id="root">
</div>
<script type="text/es2015">
function MyFunction() {
  var myArray = ['100', '120', '130', '140', '500', '100', '120', '140'];
 
  var result = [];
   result = myArray.filter(function(item, pos, self) {
    return self.indexOf(item) == pos;
})
 var items = result.map((item) =>
  item+','
);
  return (
    <p>{items}</p>
  );
}

ReactDOM.render(
  <MyFunction />,
  document.getElementById('root')
);
</script>
</body>
</html>