React
HTML
<div id="app"></div>
CSS
body {
background: #20262E;
padding: 20px;
font-family: Helvetica;
}
#app {
background: #fff;
border-radius: 4px;
padding: 20px;
transition: all 0.2s;
}
li {
margin: 8px 0;
}
h2 {
font-weight: bold;
margin-bottom: 15px;
}
.done {
color: rgba(0, 0, 0, 0.3);
text-decoration: line-through;
}
input {
margin-right: 5px;
}
React
class App extends React.Component {
remove = (input, value) => {
const stringVal = JSON.stringify(value);
//const result = input
// .join("#")
// .replace(stringVal, "")
// .split("#");
const result = JSON.stringify(input)
return result.replace(stringVal, "").split(",");
}
render() {
const input1 = [3,4,5,6];
const input2 = [{ k: 1, v: "abc" }, {k:2, v: "pqr"}];
return (
<div>
<div>
<span> Test 1 </span>
<span> Input: {JSON.stringify(input1)} </span>
<p> Output: {this.remove(input1, 5)} </p>
</div>
<div>
<span> Test 2 </span>
<span> Input: {JSON.stringify(input2)} </span>
<p> Output: {this.remove(input2, {k:2, v: "pqr"})} </p>
</div>
</div>
)
}
}
ReactDOM.render(<App />, document.querySelector("#app"))