Added render props method to ContractData and to readme

AsureNetwork · Jul 24, 2018 · 844f793 · 844f793
1 parent f31b20a
commit 844f793
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -25,6 +25,8 @@ This components wraps your entire app (but within the DrizzleProvider) and will
 
 `toAscii` (boolean) Converts the return value to an Ascii string before display.
 
+`render` ((data) => void) Provide your own rendering of the return value.
+
 ### ContractForm
 
 `contract` (string, required) Name of the contract whose method will be the basis the form.

diff --git a/src/ContractData.js b/src/ContractData.js
@@ -64,6 +64,10 @@ class ContractData extends Component {
       displayData = this.context.drizzle.web3.utils.hexToAscii(displayData)
     }
 
+    if (this.props.render) {
+      return this.props.render(displayData);
+    }
+
     // If return value is an array
     if (typeof displayData === 'array') {
       const displayListItems = displayData.map((datum, index) => {
@@ -77,7 +81,7 @@ class ContractData extends Component {
       )
     }
 
-    // If retun value is an object
+    // If return value is an object
     if (typeof displayData === 'object') {
       var i = 0
       const displayObjectProps = []