¿Como logro que el decelerationRate sea el mismo para Android y IOS en react native?

Estoy haciendo un carrusel de imágenes con mostrador de index (burbujitas/paginacion como gusten llamarle), pero lo que pasa es que en android se nota algo laggeado en el momento que cambia de indice con respecto a cuando se muestra la imagen, ya que al soltarla o dejar de arrastrar la imagen se va muy rápido y cambia lento el indice, a diferencia de android, sirve muy bien en IOS. Quisiera que fuera exactamente igual que en IOS donde se puede scrollear suavemente sin que se jaloneé la imagen al soltarla.. he intentado con decelerationRate={'normal'} pero no comparten el mismo valor de 'normal', asi que lo volví a intentar con decelerationRate={0.998} (siendo la desaceleracion por default en IOS) y ni así.. al parecer no comparten la misma potencia en que desaceleran como si fuesen diferentes unidades kilómetros y millas. Un buen ejemplo del resultado que quiero obtener esta en la app de instagram donde se puede ver claramente como en las dos plataformas se tiene la misma desaceleración en cualquier carrusel… Esta es la primera pregunta que hago en StackOverflow y soy nuevo a javascript en general.

SPHttpClient undefined error: Using React JS to add item in SharePoint list

I’m trying to add an item in SharePoint Online list using SPFx solution where I’m using React JS to perform the action.

Below is the copied code, when debugging it says that:

“VM242:1 Uncaught TypeError: Cannot read property ‘spHttpClient’ of undefined”

Please have a look at the below code and let me know if I’m missing out on any thing.

I’m just trying to add an item in list called test.

function _alertClicked(): void {   alert('Clicked');   //Custom   const body: string = JSON.stringify({     'Title': `Item $  {new Date()}`   });   this.context.SPHttpClient.post(`$  {this.context.pageContext.web.absoluteUrl}/_api/web/lists/getbytitle('test')/items`,     SPHttpClient.configurations.v1,     {       headers: {         'Accept': 'application/json;odata=nometadata',         'Content-type': 'application/json;odata=nometadata',         'odata-version': ''       },       body: body     })     .then((Response: SPHttpClientResponse): Promise<IListItem> => {       return Response.json();     })     .then((item: IListItem): void => {       this.updateStatus(`Item 'Test' Successfully Created`);     }, (error: any): void => {       this.updateStatus('Error' + error);     });  } 

Note: I’m using fabric controls on the page.

React Router en producción

Tengo un proyecto en React.

Para las rutas uso react-router-dom 5.0.1. El problema surge cuando pongo en producción React y refresco la página y da error Not Found.

Siempre que me muevo a otra ruta http://miweb.com/ruta y refresco, da ese error. Para desarrollo uso webpack server y todo bien, pero ¿y en producción?

¿Alguna idea de cómo solucionar esto?

Gracias de antemano.

Updating state with SPFX TextField Component? Office Fabric React

I can’t figure out how to pass an event object to the SPFX TextField component. It’s only passing the value of the input as a string from what I can see when I console log them out. I would like to handle multiple inputs and handle the on change events to the state as how I am currently handling it with my first handleOnChange() but using the spfx TextField component. Am I handling the onChanged part wrong? Or is it supposed to do that? Or is there any alternatives?

I was thinking that it would work like how I have my input text for Description where as I type in the box, the state gets updated to show the current text and shows it in the label.

Here is a part of my code. I don’t really use React so if there are any common problems you see please let me know.

constructor(props: ICrudProps, state: any){     super(props);     this.state ={         Title: '',         Description: '',     }     console.log(props);     this.handleOnChange2 = this.handleOnChange2.bind(this); }  private handleOnChange(event): void{   console.log("Event :" + event);   console.log("Event name " + event.target.name + " E value" + event.target.value);   console.log("State " + this.state.Title + " Description " + this.state.Description);     this.setState({         [event.target.name]: event.target.value     }) } private handleOnChange2(event){   console.log("Event : " + event);   console.log("Ename " + event.name + "E value " + event.value  );   console.log("E Name " + event.target.name + " E value" + event.target.value);   console.log("State " + this.state.Title + " Description " + this.state.Description);     this.setState({         Title: event     }) }  public render(){     return(         <div>             <form>                 <TextField label='Title' name="Title" defaultValue={this.state.Title} onChanged={e=>this.handleOnChange2(e)}/>                 <TextField label='Title' name="Title" defaultValue={this.state.Title} onChanged={this.handleOnChange2}/>             {/*<label>Title                 <input name="Title" type="text" value={this.state.Title} onChange={e=> this.handleOnChange(e)}/>             </label>*/}             <label>Title: {this.state.Title}</label>             <br/>             <label>Descirption                 <input name="Description" type="text" value={this.state.Description} onChange={e=>this.handleOnChange(e)}/>             </label>             </form>              <br/>             <label className="ms-font-su ms-fontColor-purpleLight">Title: {this.state.Title}</label>             <br/>             <label className="ms-font-su ms-fontColor-purpleLight">Description: {this.state.Description}</label>             <br/>             <a href="#" onClick={() => this.createItem()}>                 <span>Create item</span>             </a>&nbsp;             <br/>             Status: {this.state.status}          </div>     ) } 

Sharepoint online/365 integration (Upload files) on React app hosted on Azure and WebApi C# .Net Core 2.2

I’m struggling since some weeks ago trying to interact/automate a way to upload files from a Web App created in React and upload files to a Sharepoint Online Site – in a specific folder. The WebApp is hosted in Azure and using a C# .Net Core 2.2 as backend.

I’m trying to using some kind of REST API that help me out with this task (Could be on React in frontend, or in C# Core or C# MS FW .Net for backend) I’m searching across internet a way to do it but all the testings were failed.

Someone can give me some insight, tip or advice on how to achieve this?

I’m trying:

  • Use code from Microsoft WebPage (Using jQuery).

  • Using PnP, but on my localhost I receive a CORS problem (I’m trying using Client ID and Secret ID to interact with Sharepoint).

Envio de correo electrónico con SendGrid y React JS

Estoy desarrollando una aplicación web en ReactJS, la funcionalidad es que al momento de enviar el formulario se envíe un correo a quien ha llenado el formulario. He logrado hacerlo con express para usarlo de forma local, pero al momento de hacer deploy, he tenido este error, el API KEY lo generé de esta manera

introducir la descripción de la imagen aquí

Y al hacer la implementación, me sale este error

introducir la descripción de la imagen aquí

Quería saber si tienen otra herramienta que les sirvió o si han usado SendGrid y han visto este error al usarla.