Aesop-
all-scribbly
kladsjfl;kadsjfsldkfj
Ivan-Questions
all-scribbly coding
faq / tos / privacy – getting variables into pages I can see the {{siteName}} is being pulled from: updateSiteName.js there was a translation.json file that had a number of variables on it – but that no longer seems to be part of the project – I have a list below with what is missing?
React Router Dom
react
Install react-router-dom using the following command npm install –save react-router-dom create a new file (MainRouter) in your project directory import { BrowserRouter, Route, Link } from "react-router-dom"; //import the package import SignIn from "../SignIn" //import your signIn page import SignUp from "../SignUp" //import your signUp page function MainRouter(){ return( <BrowserRouter> <div className="container"> <Switch> <Route path="/signIn"
Components And Props
all-scribbly react
opy https://teamtreehouse.com/library/react-basics-2/introducing-props/components-and-props Components and Props An important detail to remember about props is that they are “read only” (or immutable), which means that a component can only read the props given to it, never change them. The (parent) component higher in the tree owns and controls the property values. For example, if you try to
Components And Props Read More »
Arrow Functions – Ways To Write
all-scribbly
Arrow Function Expression:all means same thing – Example One const Header = () => ( return ( <h1>scoreboard</h1> <span className=”stats”>Players: 1</span> </header> );} Simplified const Header = () => (<h1>scoreboard</h1><span className=”stats”>Players: 1</span></header>); Further simplified const Header = () => <h1>scoreboard</h1><span className=”stats”>Players: 1</span></header>
Arrow Functions – Ways To Write Read More »
React – Comments
all-scribbly react
Comments In React https://stackoverflow.com/questions/30766441/how-to-use-comments-in-react#comment103855263_30766542 Within the render method comments are allowed, but in order to use them within JSX, you have to wrap them in braces and use multi-line style comments. <div className=”dropdown”> {/* whenClicked is a property not an event, per se. */} <Button whenClicked={this.handleClick} className=”btn-default” title={this.props.title} subTitleClassName=”caret”></Button> <UnorderedList /></div>Copy You can read more
React – Post Form Data To Api
all-scribbly coding react
Post form data to api endpoint You need to build your request body using the FormData API. The FormData interface provides a way to easily construct a set of key/value pairs representing form fields and their values, which can then be easily sent using the XMLHttpRequest.send() method. It uses the same format a form would use
React – Post Form Data To Api Read More »
Add Parameters To Form Action
javascript
I need to the add a JavaScript variable to a link in action form. Is that possible? JavaScript function: <script> function parameter() { function getUrlVars() { var vars = {}; var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (m, key, value) { vars[key] = value; }); return vars; } var vpid = getUrlVars()[“pid”]; } //var link = “second_02.html”
Add Parameters To Form Action Read More »
React – Cheatsheet
all-scribbly react
=> The React script allows us to write React components => The ReactDOM script allows us to place our components and work with them in the context of the DOM ReactDOM.render(<Greeting />, document.getElementById(‘root’));Copy Translating the line of code above to English would sound something like this; Use ReactDOM’s render method to render the Greeting element
React – Cheatsheet Read More »