reactjs

问题 I have the following code: getWeather = e => { e.preventDefault(); const api_call = fetch( `http://api.openweathermap.org/data/2.5/weather?q=London,uk&appid=${API_KEY}` ); const data = api_call.json(); console.log(data); }; But I keep getting .json() is not a function. Not sure why I am getting that. 回答1: That's because you didn't wait for the request to end. Try this instead: const api_call = fetch( `http://api.openweathermap.org/data/2.5/weather?q=London,uk&appid=${API_KEY}` ).then(res =>

问题 I have a parent component called EnrollForm with a BrowserRouter that routes to different sub-components which are the pages of my overall EnrollForm. Each time a sub-component page is filled out and next btn is clicked, all form fields are saved to sub-component state obj, then that state is passed to the parent EnrollForm state. This flow is working correctly.. however when I added the line of code to href to the next sub-component, the parent EnrollForm state is deleted and so is BioForm's

问题 There is a package called react-data-grid. And there is an example table on that particular package but the code is in TypeScript and also docs for this particular version are not there. I tried to convert the typescript to React. Everything was fine until I wanted to implement Drag and Drop. Some error is coming and I think that error is because I'm importing something in the wrong way. Can you tell me where I'm doing anything wrong? Here is the Sandbox link. The error in my local build is

问题 I have a parent component called EnrollForm with a BrowserRouter that routes to different sub-components which are the pages of my overall EnrollForm. Each time a sub-component page is filled out and next btn is clicked, all form fields are saved to sub-component state obj, then that state is passed to the parent EnrollForm state. This flow is working correctly.. however when I added the line of code to href to the next sub-component, the parent EnrollForm state is deleted and so is BioForm's

问题 While the functional setState() is recommended when the current state is being used, the function still cannot be async. How could we develop a function that uses the state, calls a REST API and changes the state right after? This is the original function, that disregards the async behavior of setState. onSortColumnChanged = (sortColumn) => async (event) => { const prev = this.state; ​ const searchParams = { ...prev.params, sortColumn: sortColumn }; ​ const result = await this.callSearch

问题 I have Two files "Browse.js" and "Setting.js" I have render MY complete Browse Screen in "Setting.js" like this function NotificationsScreen({ navigation }) { return ( <Browse /> ); } this is working its rendering But problem is that, when I click on Specific tab Then got this error = undefined is not an object (evaluating 'navigation.navigate') this is my Browse.js import React, { Component } from "react"; import { Dimensions, Image, StyleSheet, ScrollView, TouchableOpacity, View, } from

问题 I'm fairly new to React, so please forgive any errors in this question! I'm currently trying to get a basic login form working: import React, { Component } from 'react'; import { Input, Form, Button } from 'semantic-ui-react' class LoginForm extends Component { state = { username: '', password: '' } handleChange = (e, { name, value }) => this.setState({ [name]: value }) handleSignIn(e) { e.preventDefault() this.props.onSignIn(this.username, this.password) } render() { const { username,

问题 I was able to create a simple admin panel using react-admin 3.x (migated from 2.x) and as data provider the jsonServerProvider. Now I'd like to have a custom page showing some custom data. Say I have a json like this: { "title":"My custom page", "teaser":"This is a custom page showing some stuff", "drinks":[{"name": "coke", "image": "coca-cola.jpg"}, {"name": "beer", "image": "beer.png"}, {"name": "coffee", "image": "cappuccino.jpg"}], "additional_stuff": ["some", "more", "stuff"] } I

问题 I need redirect page after it load and get param from URL. I can do by button click. But how I can make page redirect automatic after page have get param from URL (without user input)? Thanks! const handleClick = async (event) => { const stripe = await stripePromise; const { error } = await stripe.redirectToCheckout({ param, }); } const param = new URLSearchParams(window.location.search).get('param'); const Page = () => { React.useEffect(() => { window.scrollTo(0, 0); }, []); return (

问题 In my reactJS application, I use a list of Material UI ToolTip with IconButton as children inside a div container with overflow: scroll . In a particualar row the Material UI ToolTip looks like this: <ClickAwayListener onClickAway={handleTooltipClose}> <Tooltip PopperProps={{ disablePortal: true, }} onClose={handleTooltipClose} open={open} disableFocusListener disableHoverListener disableTouchListener title={data} arrow > <InfoOutlinedIcon className={classes.root} onClick={handleTooltipOpen}