add preventDefault

TheNordicMule · Jun 16, 2020 · a2fe417 · a2fe417
1 parent 9813b7e
commit a2fe417
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/App.js b/src/App.js
@@ -130,7 +130,7 @@ class MusicPlayer extends React.Component {
     event.preventDefault();
     this.setState({
       music: event.target.music.value,
-      lyrics: String(event.target.lyrics.value),
+      lyrics: event.target.lyrics.value,
     });
   }
 

diff --git a/src/NavBar.jsx b/src/NavBar.jsx
@@ -24,6 +24,7 @@ export default class NavBar extends React.Component {
   }
 
   changeLyrics(e) {
+    e.preventDefault();
     this.setState({ lyrics: e.target.value });
   }
 
@@ -101,7 +102,7 @@ export default class NavBar extends React.Component {
                   as="textarea"
                   rows="30"
                   cols="100"
-                  value={this.state.lyrics}
+                  defaultValue={this.props.lyrics}
                   name="modifiedLyrics"
                   onChange={this.changeLyrics}
                 />