add react component to view
const Component = ({value}) => {
return (
<h1>
{JSON.stringify(value)}
</h1>
)
}
add(Component, {needAccount: true});
Import .js or .css
await require('https://cdnjs.cloudflare.com/ajax/libs/antd/4.14.0/antd.compact.min.css');
const { Card } = await require('https://cdnjs.cloudflare.com/ajax/libs/antd/4.14.0/antd.min.js');
add(()=>{
return (
<Card title="Hello, world!">
<p>Antd example</p>
</Card>
)
})
if require js return module, if css return void
use https://bitquery.io/ graphql
GraphQl query
const Component = () => {
const [result, isLoading] = useBitQuery(query);
if(isLoading) return 'Loading . . .'
return (
<div>
{JSON.stringify(result)}
</div>
)
}
add(Component);
var query = `
query {
ethereum(network: bsc){
dexTrades(
baseCurrency: {is: "0x0e09fabb73bd3ade0a17ecc321fd13a19e81ce82"}
quoteCurrency: {is: "0x55d398326f99059ff775485246999027b3197955"}
options: {desc: ["block.height","transaction.index"] limit:1}1
) {
block{
height
timestamp{
time (format: "%Y-%m-%d %H:%M:%S")
}
}
transaction {
index
}
baseCurrency{
symbol
}
quoteCurrency {
symbol
}
quotePrice
}
}
}`
Generated using TypeDoc
Solarea render component
props