I wanna use react-scroll like original Link for change my page.
i already try
<Link to="/otherPage"
but it doesn't worked
does react-scroll only can used in one page website? i wanna make more than two page website using react-scroll
Related
As the title suggests, Netlify fails to work properly with react-router-dom.
In RRD, when we specify a router, a link is created with that component under our specified URL. In the localhost, we can check the link. doesn't matter if we're navigating there by clicking a button, or just manually typing the URL in the search bar. it works for both. but one thing I noticed is, when I deploy the build folder on Netlify, the routed link stops working. yes, we can browse to that link by clicking a button on the main page or by some logical <Navigate/>. but if we manually type the routed URL in the search bar, Netlify shows the page doesn't exist. even if we reload the routed link after navigating there, it shows Page Not Found
Now I don't know if this issue is on all servers or if it's just Netlify. Because I use only Netlify.
Here's a demo link where you can check the behaviour
If you click "Go to Second page", it'll navigate you there smoothly. but try reloading Second Page or just manually typing out the URL in the search box
Any suggestion will be appreciated
[NOTE: I haven't attached any of my codes, as it's just a normal use of react-router-dom. but in case you think the solution is in the code, tell me in the comments. I'll edit the question and add em]
My website has a navbar with where most of the links scrolls you to a section in the home page.
I want to use gatsby page transition from another page and scroll into that particular section of the home page.
Something like this
<AniLink fade to="/#about-us">
About Us
</AniLink>
I dont find any information about this in the official docs. How would I implement this feature.
I would use Gatsby page transitions on the links to other pages and for the links to anchors on the same page use the smooth-scroll npm package: https://www.npmjs.com/package/smooth-scroll
Here is a medium post on how to set it up with Gatsby also: https://medium.com/#chrisfitkin/how-to-smooth-scroll-links-in-gatsby-3dc445299558
Alternatively, there are some Gatsby plugin options too including this one which looks nice: https://www.gatsbyjs.org/packages/gatsby-plugin-smoothscroll
AniLink is used for "Page transition". In your case, you need "scroll" transition. In other words, you just need smooth scrolling.
You can try react-scroll to achieve that.
I want to ask a question ..
I made a website using ReactJS, the contents of the starting page are Menus and when I click on one of the menus it will lead to a page with a Link from a website accompanied by several parameters.
Example:
https://example.co.id/run?_pages=Stock.rptdesign&Group='+this.state.Group+'
Now I don't know how to call a Website with a link like that on ReactJS.
Please help.
Thank you
You can make menu items <a> tags and pass a constructed href to it, with target="_blank" if you want to open it in a new page,
or else if you are using react router you can use history.push(url) in the on click function of your menu item (here url will be your prepared url).
I am using DevExtreme react template in my react js project from below link.The router page navigation is working fine as per my requirement.I would like to know how to use router page navigation as in "Tab" instead of single page.For example if we take from below link,there are two pages in sidebar (profile and display data pages).If I click "Profile and display page" ,both the pages should display in Tab but currently its shows only current page.hope its clear.
https://devexpress.github.io/devextreme-react-template/#/home
I also want to note that you can contact DevExpress support team directly at Submit a Support Ticket. They answer questions in 24 hours, so you will be able to resolve the issue faster.
I am using ionic for phonegap to build mobile app.
As i have written all code and now when I click back button to returns, some times shows like below attached image.
I have used href="#/pagename" to change page in html.
After long Research I found the solution.Below is the refresh link and the solution.
http://blog.ionic.io/preparing-for-ios-9/
:)