reactjs

问题 I'm working on a blog-like website and there is a page called PageDetail with the post and comments. I fetch the comments with redux and set the state. componentDidMount() { this.props.fetchComments(this.props.match.params.id) this.setCommentsForCurrentPage() } My state is shown as below to do the pagination. state = { currentPage: 0, offset: 0, slicedComments: [], } My slice function is as below. setCommentsForCurrentPage() { let slicedComments = this.props.comments .slice(this.state.offset,

问题 I am trying to add React to an existing Rails 5.1 application, but I'm getting this error: Uncaught ReferenceError: exports is not defined. I'm using webpacker. This is the contents of my application.js file: //= require react //= require react_ujs //= require components In my components directory, I have the file register.jsx: class Register extends React.Component { render(){ return( <div> <h1>Register a Group</h1> </div> ) } } export default Register This file processes to this, as viewed

问题 I am using async storage in my items listing app. The problem i am facing is that, my first item does not get stored in the async till i enter the second item. i am saving array of objects with the help of react hooks E.g if I enter items as 1)Apples 2)Bananas then only apples will get saved in the async while bananas will not be saved until i enter the third item. const [getWant, setwant] = useState([]); const saveData = async () => { AsyncStorage.clear() try { await AsyncStorage.setItem("

问题 I want to send image with additional data from React.js to Django backend. When I used FormData() to create my form data, it could not send the array (because it converted it to string). Here is my code: let formData = new FormData(); formData.append('text', postForm.text); formData.append('image', postForm.image, postForm.image.name); formData.append('privacy', postForm.privacy); formData.append('custom_list', postForm.customList); props.createPost(formData); when I used this, I got this

问题 I have the following component... export default class TextInput extends PureComponent<TextInputProps> { private handleOnChange = (event: OnChangeEvent): void => { if (!this.props.disabled && this.props.onChange) { this.props.onChange(event) } } private handleOnBlur = (event: OnBlurEvent): void => { if (!this.props.disabled && this.props.onBlur) { this.props.onBlur(event) } } public render(): ReactNode { return ( <Styled.TextInput id={this.props.id} type={this.props.type} onChange={this

问题 I use react-native-maps, react-native-gecoding and react-native-geolocation-service, I have a problem when the maps move the marker doesn't move as well as the address that gets from the geocoder doesn't change, the address should change because of longitude and latitude This changes, even though I have set longitude and latitude to state, how do I make the marker move and the address changes when the user moves / clicks the marker? this is my code const [coordinate, setCoordinate] = useState

问题 I use react-native-maps, react-native-gecoding and react-native-geolocation-service, I have a problem when the maps move the marker doesn't move as well as the address that gets from the geocoder doesn't change, the address should change because of longitude and latitude This changes, even though I have set longitude and latitude to state, how do I make the marker move and the address changes when the user moves / clicks the marker? this is my code const [coordinate, setCoordinate] = useState

问题 In firestore there are collections cities , posts and users . posts have documents with reference to one user and a city , I wanted to retrieve all data from all posts and wrote a query: firestore.collection('posts') .get() .then(snapshot => { snapshot.docs.forEach(post => { console.log(post.data()) }); }); although I have only one document in posts, in my console I get thousands of lines of data, all I need is something like this: postId: { city: "city_name", user: { name: "Name", lastName:

问题 I have the following component... export default class TextInput extends PureComponent<TextInputProps> { private handleOnChange = (event: OnChangeEvent): void => { if (!this.props.disabled && this.props.onChange) { this.props.onChange(event) } } private handleOnBlur = (event: OnBlurEvent): void => { if (!this.props.disabled && this.props.onBlur) { this.props.onBlur(event) } } public render(): ReactNode { return ( <Styled.TextInput id={this.props.id} type={this.props.type} onChange={this

问题 In firestore there are collections cities , posts and users . posts have documents with reference to one user and a city , I wanted to retrieve all data from all posts and wrote a query: firestore.collection('posts') .get() .then(snapshot => { snapshot.docs.forEach(post => { console.log(post.data()) }); }); although I have only one document in posts, in my console I get thousands of lines of data, all I need is something like this: postId: { city: "city_name", user: { name: "Name", lastName: