Suppose I have a React class P, which renders two child classes, C1 and C2. C1 contains an input field. I’ll refer to this input field as Foo. My goal is to let C2 react to changes in Foo. I’ve come up with two solutions, but neither of them feels quite right. First solution: Assign … Read more
I’m trying out the new React Hooks and have a Clock component with a counter which is supposed to increase every second. However, the value does not increase beyond one. function Clock() { const [time, setTime] = React.useState(0); React.useEffect(() => { const timer = window.setInterval(() => { setTime(time + 1); }, 1000); return () => … Read more
I’m using a data object as my props for a component in ReactJS. <Field data={data} /> I know its easy to validate the PropTypes object itself: propTypes: { data: React.PropTypes.object } But what if I want to validate the values inside? ie. data.id, data.title? props[propName]: React.PropTypes.number.required // etc… 4 Answers 4
I’m trying to hide my API Key for when I commit to github, and I’ve looked through the forum for guidance, especially the following post: How do I hide API key in create-react-app? I made the changes and restarted yarn. I’m not sure what I’m doing wrong––I added an .env file to the root of … Read more
Why can’t I access the component methods from “outside” in ReactJS? Why is it not possible and is there any way to solve it? Consider the code: var Parent = React.createClass({ render: function() { var child = <Child />; return ( <div> {child.someMethod()} // expect “bar”, got a “not a function” error. </div> ); } … Read more
I’m trying React hooks for the first time and all seemed good until I realised that when I get data and update two different state variables (data and loading flag), my component (a data table) is rendered twice, even though both calls to the state updater are happening in the same function. Here is my … Read more
I can’t seem to find how to update query params with react-router without using <Link/>. hashHistory.push(url) doesn’t seem to register query params, and it doesn’t seem like you can pass a query object or anything as a second argument. How do you change the url from /shop/Clothes/dresses to /shop/Clothes/dresses?color=blue in react-router without using <Link>? And … Read more
I am trying to import components from react-materialize as – import {Navbar, NavItem} from ‘react-materialize’; But when the webpack is compiling my .tsx it throws an error for the above as – ERROR in ./src/common/navbar.tsx (3,31): error TS7016: Could not find a declaration file for module ‘react-materi alize’. ‘D:\Private\Works\Typescript\QuickReact\node_modules\react-materialize\l ib\index.js’ implicitly has an ‘any’ type. … Read more
I would like to set the document title (in the browser title bar) for my React application. I have tried using react-document-title (seems out of date) and setting document.title in the constructor and componentDidMount() – none of these solutions work. 19 Answers 19
I’m trying to send GET request as second parameter but it doesn’t work while it does as url. This works, $_GET[‘naam’] returns test: export function saveScore(naam, score) { return function (dispatch) { axios.get(‘http://****.nl/****/gebruikerOpslaan.php?naam=test’) .then((response) => { dispatch({type: “SAVE_SCORE_SUCCESS”, payload: response.data}) }) .catch((err) => { dispatch({type: “SAVE_SCORE_FAILURE”, payload: err}) }) } }; But when I try … Read more
