reactjs

问题 I followed the Auth0 React Authentication guide written here: https://auth0.com/blog/complete-guide-to-react-user-authentication And implemented the ProtectedRoute component as outlined in the tutorial: import React from "react"; import { Route } from "react-router-dom"; import { withAuthenticationRequired } from "@auth0/auth0-react"; import { Loading } from "../components/index"; const ProtectedRoute = ({ component, ...args }) => ( <Route component={withAuthenticationRequired(component, {

问题 I followed the Auth0 React Authentication guide written here: https://auth0.com/blog/complete-guide-to-react-user-authentication And implemented the ProtectedRoute component as outlined in the tutorial: import React from "react"; import { Route } from "react-router-dom"; import { withAuthenticationRequired } from "@auth0/auth0-react"; import { Loading } from "../components/index"; const ProtectedRoute = ({ component, ...args }) => ( <Route component={withAuthenticationRequired(component, {

问题 I have tried many ways to convert this:- https://observablehq.com/@d3/zoomable-sunburst into react as it's majorly using observable and runtime . That is not being converted to React. It's using some helper.js as well in this. Code is here https://observablehq.com/@d3/zoomable-sunburst Is there any idea that anyone can give or any suggestion to do it. Thanks in advance 回答1: The op has reached to Observablehq forum. Here are some insights on the answer for the problem in case you need help

问题 I have tried many ways to convert this:- https://observablehq.com/@d3/zoomable-sunburst into react as it's majorly using observable and runtime . That is not being converted to React. It's using some helper.js as well in this. Code is here https://observablehq.com/@d3/zoomable-sunburst Is there any idea that anyone can give or any suggestion to do it. Thanks in advance 回答1: The op has reached to Observablehq forum. Here are some insights on the answer for the problem in case you need help

问题 First, i am sorry if this problem has been asked before. I am currently new to react-router, i don't know what to ask. So, i am trying to make a sidebar component in my apps, this sidebar composed of material-ui drawer, listItems. Each listItem has a link i put as its containerElement attribute value. Selecting each list does change the url, but component that each route should display won't show. Here is my code: App.js import React, { Component } from 'react' import MuiThemeProvider from

问题 I'm trying to do my exportable package in which I create the redux store. This is the code: import React from "react"; import { Provider } from "react-redux"; import { ErrorPage } from "../components/shared"; import { MyCoreApplication } from "./MyCoreApplication"; import { configureStore } from "../tools/configureStore"; import { createCoreHelp } from "./createCoreHelp"; export const MyCore = ({ withLogs, applicationSagas, applicationReducers, app, cookieInfo }) => { const help =

问题 First, i am sorry if this problem has been asked before. I am currently new to react-router, i don't know what to ask. So, i am trying to make a sidebar component in my apps, this sidebar composed of material-ui drawer, listItems. Each listItem has a link i put as its containerElement attribute value. Selecting each list does change the url, but component that each route should display won't show. Here is my code: App.js import React, { Component } from 'react' import MuiThemeProvider from

问题 function Sermons() { const [{globalSeremon}, dispatch] = useStateValue() const [seremons, setSeremons] = useState([]) const [loading, setLoading] = useState(false) useEffect(() => { db.collection('sermons') .orderBy("date", "desc") .get() .then((snapshot) => { const localseremons = [] snapshot.forEach(doc => { localseremons.push(doc.data()) }) setSeremons(localseremons) }) .catch(e => console.log(e)) }) return ( <div> <Header/> <div className='container-lg seremon_container'> {seremons.map

问题 I have a situation where I want to pass a value using Context + Hooks to another component, but the problem is that I do not need to import the component inside the provider to get the value in more understandable language, then imagine that I have two SideBarBlurChange components and SideBar inside the SideBarBlurChange component, I have a value in my case, this is a simple number that I want to pass inside the SideBar component, but the problem is that I don't want to import the SideBar

问题 Is there a way without using Redux with which I can from my home.js page (I'm using hooks not classes) set/use a state, pass it to my component MyComponent.js and once a div is clicked inside this component update the state (so for the home.js page as well)? In home.js I have something like: export default function Page({ session, items }) { const [selectedTab, setSelectedTab] = useState('main') const handleSelect = (e) => { setSelectedTab(e); } ... // then I return some react-bootstrap tabs,