Category "reactjs"

Formatting code with <pre> tag in React and JSX

I am trying to use the pre tag inside of JSX.When you use the pre tag in JSX, it doesn't format at all. Why? In order to use the pre tag I need to do something

React-Dropzone how convert each file to base64

I am using react-dropzone plugin for file uploads. I worried how i can convert each file to base64: eg: Here is my function where i get files: I am creatin

Solution for showing a specific start and end time of a long video file. using react js or node js?

Imagine this scenario: There is a blank page with only two input fields that users can input timestamps like this: start: 00:20:21.330 end: 00:22:31.330 There

React-Dropzone how convert each file to base64

I am using react-dropzone plugin for file uploads. I worried how i can convert each file to base64: eg: Here is my function where i get files: I am creatin

Unknown symbol showing on developer console - react

I am getting this Symbol ( Æ’ ) on my React components area, next to props description. What does that mean? When I try to search for this on google

Zip File Download via Axios from Express Server not working in React App

I have implemented a backend where administrators can create backups. These backups are collected in zip files and are stored in a non-public folder on the serv

React DatePicker Bootstrap up to date

I searched for a good datepicker in React using bootstrap style. But everything I found wasn't working well or was not up to date... I'm working with React 15.

Error with docker and react, digital envelope routines::unsupported

I have enrolled in a docker course and the instructor has provided a starter project with some rather old react code. I dockerized the react project, here's the

Typescript complains Property does not exist on type 'JSX.IntrinsicElements' when using React.createClass?

I am using typescript to write redux application. var item = React.createClass({ render: function() { return (<div>hello world</div>) } });

Formik form submitting empty object

I'm new to react and Formik and I'm trying to create a login form. For some reason, the request to the API is sent as the default initial object I created. Here

Using react-router to switch between pages but my props aren't displaying, is this a router version issue?

I'm trying to render props with the code I have written however, only my header shows. My "about" page also displays properly. This is the warning message that

How to get the value of clicked cell in React Material Table?

I am trying to get the corresponding value of cell in React Material UI Table Component. I was looking for already predefined component api properties but could

React Native Web keeps removing `aspectRatio` property from style. How do I prevent thsi?

I'm trying to get react native component to return a View with an aspect-ratio: 4.3 using: const component = () => <View style={{aspectRatio: 4 /3}} >{

Implementing a countdown timer in React with Hooks

Im trying to render a count down timer on screen with react hooks, but I'm not sure the best way to render it. I know i'm supposed to use the useEffect to comp

React-router did not work on production

there, I am using react-router for this app. It works fine on my local server. Here is the code: var routes = ( <Router history={browserHistory}> <

React functional component - is it possible to pass props to { children }? [duplicate]

Workaround at the bottom of the question. I am trying to pass props down to a child component using {children}. The Father component: const Fa

How to check for esim eligibility in react-native app?

I need to make a react-native app that checks if the device is suitable for esim or not. I obtain this information https://source.android.com/devices/tech/conn

How to check for esim eligibility in react-native app?

I need to make a react-native app that checks if the device is suitable for esim or not. I obtain this information https://source.android.com/devices/tech/conn

React functional component - is it possible to pass props to { children }? [duplicate]

Workaround at the bottom of the question. I am trying to pass props down to a child component using {children}. The Father component: const Fa

How can i increase Material UI overall animation speed

How can i increase the overall animation speed of Material UI, for example there is a drawer component inside the material UI, and it can be opened or closed, h