dozoisch / dozoisch/react-async-script

Any chance you could post a Stripe example?

Abierto
#20 3 comentarios 0 reacciones 0 asignados Ver en GitHub
Lenguaje dominante
JavaScript
Estrellas
177
Forks
29
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

I'm a bit confused on the examples.

I created a `Stripe.jsx` file:
```js
import React, { Component } from 'react'
import makeAsyncScriptLoader from 'react-async-script'

class Stripe extends Component {
constructor () {
super()
this.state = {
message: 'INIT...'
}
}
stripeJSLoaded (msg) {
console.info('loaded.')
this.setState({ message: 'Loaded.' })
}
render () {
return (

{this.state.message}

)
}
}

const callbackName = 'stripeJSLoaded'
const URL = 'https://js.stripe.com/v3/'
const globalName = 'stripe'

export default makeAsyncScriptLoader(Stripe, URL, {
callbackName,
globalName
})
```

Within the `App.jsx` I'm loading it:
```js
import Stripe from './Stripe'
...
onLoad () {
console.log('script loaded')
}
...
```
and rendering it:
```

```

I get 'INIT...' on the screen, but _nothing_ in the console or elsewhere.

At this point I'm just trying to get ANYTHING to load and then change some status to let me know it did it, let alone using that script.

Help?

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

Línea de trabajo

Comienza revisando los ejemplos existentes y los fragmentos de Stripe.jsx y App.jsx descritos en la issue. Confirma cómo el cargador de scripts asíncrono expone su callback de carga y su global, y después proporciona un ejemplo funcional de Stripe que informe visiblemente de que la carga se realizó correctamente y explique la configuración necesaria en App.jsx.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
javascript, react
Área
documentation, frontend
Tipo de issue
Documentación
Dificultad
2/5
Tiempo estimado
1-3 horas
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
35/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.