Merge pull request #38 from i3thuan5/khoh鈕仔愛換逝

Khoh鈕仔愛換逝
i3thuan5 · May 30, 2019 · 57e4288 · 57e4288
2 parents 423ffea + 5abf548
commit 57e4288
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/demo/Demo.jsx b/demo/Demo.jsx
@@ -73,7 +73,7 @@ class Demo extends React.Component {
 
           <section>
             <h3>CopyButton</h3>
-            <p><CopyButton 複製內容="Hello copied!"/>按我複製</p>
+            <p><CopyButton 複製內容={"Hello world~\ncopied!"}/>按我複製</p>
           </section>
 
           <section>

diff --git a/src/component/CopyButton.jsx b/src/component/CopyButton.jsx
@@ -1,30 +1,33 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-class CopyButton extends React.Component {
+class CopyButton extends React.PureComponent {
 
   copy() {
     const { 複製內容 } = this.props;
     const textField = document.createElement("textarea");
-    textField.innerText = 複製內容;//.toString().replace(/ --/g, "--");
+    textField.value = 複製內容;
     document.body.appendChild(textField);
     textField.select();
     document.execCommand("copy");
     textField.remove();
   }
 
   render() {
-    const { 按鈕名 } = this.props;
     return (
       <button onClick={this.copy.bind(this)}
-        className='ui icon button'>
-        <i className='icon-docs'></i>
-        {按鈕名}
+        className={this.props.css}>
+          <i className='icon-docs'/>
+        {this.props.按鈕名}
       </button>
     );
   }
 }
 
+CopyButton.defaultProps = {
+  css: 'ui icon button',
+  按鈕名: ''
+}
 
 CopyButton.propTypes = {
   複製內容: PropTypes.string.isRequired,