Questions tagged [jsx]
For questions about the JSX syntax used by React.js, Vue, and other front-end JavaScript frameworks that allows inline XML literals to be used in JavaScript to describe HTML elements. If your question is about Adobe's extended implementation of JavaScript (ExtendScript) which is at least five years older than React.js, use the [ExtendScript] tag instead.
9,332
questions
0
votes
0
answers
18
views
Dynamic Import in a react application
I have a react application, it has a list of components (kind of key/value - the key is the name of the component and the value is the function e.g () => return (<>hello</>) and I will ...
-2
votes
0
answers
24
views
Javascript returns NaN only on IOS [closed]
function Price({ formValues, room, bookingDays }) {
return (
<div className={styles.priceWrapper}>
<p>{Number(bookingDays)}</p>
Price for {formValues.guests} {...
0
votes
0
answers
23
views
Python - Adobe InDesign Javascript Scripting Help to Call JSX from Python
I'm trying to call Adobe InDesign JSX file from a python, below is the sample code:
I wanted to run this on Adobe InDesign 2024 or higher version. I saw some samples on Python InDesign scripting: Get ...
-2
votes
0
answers
25
views
SyntaxError: The requested module '/src/App.jsx?t=1721619080371' does not provide an export named 'default' (at main.jsx:3:8) [closed]
I'm making a Nike landing page using tailwindcss and got the following error
Uncaught SyntaxError: The requested module '/src/App.jsx?t=1721619080371' does not provide an export named 'default' (at ...
-5
votes
0
answers
29
views
Casing error in my project for Context.jsx [closed]
I cleared cache and installed dependencies from bun but still it is encountering the casing error
I am doing a frontend web dev project for gemini clone but when importing the Context.jsx file which ...
0
votes
0
answers
29
views
Change site name [duplicate]
I can’t change the site name, I tried adding a tag
<meta property="og:site_name" content="sitename">
tried schema.org
<head>
<script type="...
-1
votes
0
answers
22
views
What's the difference between component as prop or rendered component as prop (see examples below)
Let's say I have a conponent name Child:
const Child =(props) => <div {...props}/>
and a parent component Parent, getting this component as prop named ComponentProp. What is the difference ...
0
votes
1
answer
39
views
NextJS App Router: How to access child component properties in layout?
To make use of the layout feature in the NextJS's App Router, I want to dynamically update the page title (<h1> tag, not metadata like <title>) on the layout depends on what the page ...
1
vote
1
answer
34
views
Is there a way to redirect to different links depending on the user's status?
import React from "react";
import {
Card,
CardContent,
CardDescription,
CardHeader,
CardTitle,
} from "@/components/ui/card";
import Link from "next/link";
import { ...
3
votes
1
answer
80
views
Fixing Transparent Line Between Div with Clip-Path and Parent Div
A thin, transparent line appears between the triangular div and its parent div when zoomed. I believe this is likely caused by anti-aliasing in the browser. If there is a way to fix this, I would ...
0
votes
0
answers
21
views
How to Wrap FlatList rendered Items in a Fixed-Height Container in React Native?
I have a problem where I want to render a list of items using FlatList, but I expect a large number of items and want to wrap these items in a container with a fixed height. This is to save screen ...
0
votes
0
answers
12
views
Echoing from .jsx into Blade file. ReactJS & Vite
I've got a weird problem where I'm transferring blade.php code into .jsx, and in Blade, PHP's echo {{asset()}} and Blade's @ syntaxed code is referred to a lot.
How would I go about putting it inside ....
0
votes
0
answers
22
views
How do I stop react-slick slider image from indefinitely expanding and fit the container?
I am trying to create an image slider / carousel inside of a box. I have got the carousel working, but the image is too small. Whenever the width is adjusted (or infinite is true) the image just ...
0
votes
0
answers
15
views
integrating a MUI minidrawer in my react project
I want to try the MUI Mini variant drawer in my react project but it doesn't work :
I created a react vite project , I installed the @mui/material and @mui/icons-material packages, and from the MUI ...
0
votes
1
answer
29
views
React app 'Encountered two children with the same key, `thumb-undefined`'
I'm trying to create a time slider in my react app and I can't beat this error below that keeps showing up in my browser console.
bundle.js:21658 Warning: Encountered two children with the same key, `...