Tag: jsx

React bootstrap Carousel not working properly?

I’m new using react bootstrap, and I’m trying to use a Carousel in a new App, however it’s giving me this bug even I import bootstrap css’ ! Here I’m sliding and that happens, also the slide is delayed, here’s my code: import ‘./App.css’; import ‘../node_modules/bootstrap/dist/css/bootstrap.min.css’; import ‘bootstrap/dist/css/bootstrap.min.css’; function App() { return ( <div className="App">… Read More React bootstrap Carousel not working properly?

MRLeave a comment

React JSX iterate over array of string and print message

I have a function component as below; const MyFunctionComponent = ({status}) => { let consolidatedErrorMsg = status.errorMessage.split("-"); //[‘Error line 1’, ‘Error line 2’] return ( <div> {status.status && ( <div> <p> <Icon name={status.status === ‘success’ ? ‘success’ : ‘error’} /> </p> { consolidatedErrorMsg.forEach((msg, i) => { <div>{msg}</div> }) } </div> )} </div> ) }; Now,… Read More React JSX iterate over array of string and print message

MRLeave a comment

why isn't my Image getting displayed even though i have given the correct direction for "src"

I’m new to react and while i was following a tutorial i havee encountered this problem where image won’t display in my webpage but it does in the tutorial and there is no errors in my console or in my terminal so im litle bit conused. This is my index.js file import React from "react";… Read More why isn't my Image getting displayed even though i have given the correct direction for "src"

MRLeave a comment

the function connected to the button is called without pressing

I have a React-JS code: class SideMenu extends React.Component { constructor(props) { super(props); this.state = { inputNumber: ”, inputMessage: ” }; this.getAccountInfo = this.getAccountInfo.bind(this) } getAccountInfo(props) { console.log(props.inputNumber, props.inputMessage) }; render() { return( <body className=’SideMenuBg’> <div className=’SideMenu’> <frame className=’sideMenuBackgroundFrame’> <input type=’text’ value={this.state.inputNumber} onChange={evt => this.updateInputNumber(evt)} placeholder=’Number’/> <input type=’text’ value={this.state.inputMessage} onChange={evt => this.updateInputMessage(evt)} placeholder=’Message’/> <button onClick={this.getAccountInfo(this.state)}>press… Read More the function connected to the button is called without pressing

MRLeave a comment

What causes this external set of helper functions to fail in my React 18 app?

I have been working on an SPA with React 18 and The Movie Database (TMDB) API. I need to format dates nicelly in this app. For this purpose I use Moment.js. In src\utils\datetime-formatter.ts I have: import moment from "moment"; function dataTimeFormatter() { const formatDateLong = (value) => { return moment(value).format("MMMM DD, YYYY"); }; const formatDateShort… Read More What causes this external set of helper functions to fail in my React 18 app?

MRLeave a comment