<div className="form-group">
<label className="col-md-2 control-label"></label>
<div className="col-md-5">
<input type="text" className="form-control" placeholder=""
name="productName" value={this.state.name}
onChange={(e)=>{this.onChange(e)}}/>
</div>
</div>onChange(e){
console.log(e.target.value);
//e.target.getAttribute("value") } e.target:
e.target:
e.target gets a DOM element.
DOM there are two types of related operations:
Attribute represents attr1 and attr2 in < tag attr1 attr2 > , and needs to be obtained through getAttribute .
and Property are some special attribute values of DOM, which can be obtained directly by .XXX .
commonly used Property have:
corresponding Attribute has:
this explains why target.value can be obtained while target.index cannot, because value is Property (only misunderstood because it has the same name as Attribute ), while index is not, so it can only be obtained through getAttribute .
uses the dva framework the content of the router.js file is like this index.js ask God for guidance ...
using a drag and drop function written by React, there is no problem with the first drag and drop. When you drag the second time, the left,top status of the last image is not saved, and the initialization is the same as the first drag. ** * Created b...
this is the address of this chapter: https: reactjs.org docs lift. Chinese address: http: www.css88.com react do.. this chapter, called State Enhancement, is about how to use React to achieve a two-way binding, converting input degrees Celsius to F...
< html lang= "en " > < head > <meta charset="UTF-8"> <title>Document< title> <script type="text javascript" src="vue.js">< script> <script type="text javascript" src="vue...
the project needs to display 10 or more pieces of information is there anything suitable for react ui framework recommendation ...
import React, {Component} from react ; import {BrowserRouter as Router,Route,Link,Switch,Redirect} from react-router-dom ; introduces routing import {Button} from react-bootstrap ; import . Home.css import HomeSection from . HomeO...
The error reported by is bundle.js:42319 Uncaught TypeError: Cannot read property map of undefined the initial page code is like this import React from react import SearchInput from .. SearchInput import . index.less import { Link ...
1 li tag class can display the style normally using active, but it is not effective to replace the li tag with NavLink. directly setting the style in NavLink (in the form of figure 2) can only change the class of the a tag (converted to a tag after h...
is the default display drop-down box, autofocus does not seem to be able to do, is there any other way to achieve it? ...
my requirement is to add properties to all the components under the card component, but I keep reporting errors. The code is as follows: : I have read a lot of materials, but I don t know how to solve it . ...
use webpack 4.6.0 + React + React-router (with react-loadable) to load on demand, compress CSS when packaging and compiling in production environment, and sometimes multiple packages can be completed, but the packaged CSS is not compressed, and some CS...
for an array with a tree structure like this, I want to replace all name with title,. The hierarchy of the array varies, and some may not have children in it. const treeData = [{ title: 0-0 , key: 0-0 , children: [{ title: 0-0...
let paramArr = JSON.parse(paramArray) let data = []; paramArr.forEach(async (val, i) => { let easywlb = dasign ? tqyybm : (tqyybm.substr(0, 2) === 02 ? ( 12 + tqyybm.substr(2, 4)) : ( 11 + tqyybm.substr(2, 4))); let p...
after adding lazy loading to the picture before, I didn t look at it carefully, but I suddenly found a strange problem today. when you slide your fingers, if you keep pressing and do not let go, the picture will not be displayed. You must wait for th...
{ test: .(png|jpg)$ , loader: url-loader?limit=819&name=images [hash:8].[name].[ext] }, { test: .(htm|html)$ i, use:[ html-withimg-loader ] }...
it goes something like this: is going to use react-saga as the asynchronous solution, but because it is a React-Native project, needs to call some native interfaces in the view layer component after many requests are successful, so the view layer nee...
redux-thunk enhances that dispatch, can dispatch a function and pass in two parameters, dispatch and getState. I know it s used to handle asynchronism, but I think it doesn t have to be used. I don t know if it s easy to manage the code or for other...
problem description vue and jquery project mixed projects are written in vue at first, and then written in jquery (mainly rendering). renders a result list in a vue project, using template.js rendering, the JS is a component that renders the result...
I really don t understand the operation principle of JS. I would like to ask my brother to explain a wave . {}+[] ===0 true []+{} ===0 false ...
Days.js import React, {Component} from "react"; import $ from jquery ; class Days extends Component { constructor(props) { super(props); this.state = { data: [ {tltle: ABCDE } ...