```
hobbis.push(this.refs.hobby)
```
```
hobbis.push(this.refs.hobby.value)
```
```
addHobbyCallback(){
const hobbis = this.state.hobbis
hobbis.push(this.refs.hobby.value)
this.setState({
hobbis
})
}
render(){
return (
<div className="profile-component">
<h1>我的名字{this.props.name}</h1>
<h2>我今年{this.props.age}</h2>
<button onClick={this.likedCallback}>給我點贊</button>
<h2>總點贊數:{this.state.liked}</h2>
<h2>我的愛好</h2>
<ul>
{this.state.hobbis.map((hobby,i)=> <Hobby key={i} hobby={hobby} /> )}
</ul>
<input type="text" ref="hobby" />
<button onClick={this.addHobbyCallback}>添加愛好</button>
</div>
)
}
```
```
addHobbyCallback(){
const hobbis = this.state.hobbis
if(this.refs.hobby.value){
hobbis.push(this.refs.hobby.value)
}
this.setState({
hobbis
},()=>{
this.refs.hobby.value = ''
})
}
```
- uniapp引入vant
- 組件 vanButton 引用錯誤,僅支持 import 方式引入組件
- 構建npm
- 頁面跳轉
- 啟動本地數據
- 有贊商城小程序使用教程
- 使用vant組件
- 購物車
- errno: -4082,
- buy
- qiang
- qiangbuy
- 設置數據
- React.createElement: type is invalid -- expected a string
- index.jsx: Expected corresponding JSX closing tag for <img>
- ReferenceError: FieldSet is not defined
- Identifier 'useState' has already been declared
- React does not recognize the classNam prop on a DOM element
- Invalid hook call. Hooks can only be called inside of the body of a function component
- created不能調用 setData
- TypeError: Cannot read property 'props' of undefined
- Missing semicolon
- form = Form.useForm(FormStrategy.View);
- useState is not a function
- useCallback is not defined
- Button is not defined
- form方案一
- props is not defined
- value_i
- super
- this_state
- Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.
- Expected onClick listener to be a function, instead got a value of string type.
- getzhi is not defined
- this.setStatus is not a function
- this.state is null
- onClick_props
- fill
- slice深拷貝
- concat
- Cannot update during an existing state transition (such as within render). Render methods should be a pure function of props and state
- this.props.onClick is not a function
- The above error occurred in the <Skt> component
- The above error occurred in the <Bight> component
- onClick
- assignment to undeclared variable hispldy
- Each child in a list should have a unique "key" prop.
- Module not found: Error: Can't resolve './react' in
- 頁面空白
- SyntaxError: index915.jsx: Unexpected token
- Identifier 'PropTypes' has already been de clared
- Identifier 'Profile' has already been decl ared
- JSX value should be either an expression or a quoted JSX text
- react__WEBPACK_IMPORTED_MODULE_9__.PropTypes is undefined
- SyntaxError: index1.jsx: Missing semicolon
- function map
- import from function
- 生成數組
- 使用兩個循環來渲染出棋盤的格子，而不是在代碼里寫死
- Nothing was returned from render
- Uncaught TypeError: this is undefined
- if替代
- string refs. We recommend using useRef() instead
- Uncaught ReferenceError: useRef is not defined
- dangerouslySetInnerHTML
- handleClick
- 注釋代碼
- Invalid DOM property for. Did you mean htmlFor
- Received false for a non-boolean attribute className.
- style
- React.createClass is not a function
- '$' is not defined
- this.getDOMNode is not a function
- Autocomplete
- react and webpack
- react3\node_modules\babel doesn't exist
- babel-loader@8 requires Babel 7.x
- options has an unknown property 'progress'. These properties are valid:
- webpack cli
- Unable to load '@webpack-cli/serve' command
- npm install babel-preset-react-hmre --save-dev
- "dev": "webpack-dev-server --hot --mode development",
- npm run dev
- // Imports
- Error: Cannot find module 'webpack-cli/bin/config-yargs'
- super() outside of class constructor
- Error: Cannot find module 'webpack-cli/bin/config-yargs'two
- TypeError: Cannot read property 'length' of undefined
- configuration.module has an unknown property 'resolve'. These properties are valid
- Please use eslint-webpack-plugin
- Class Profile extends React.Component
- Uncaught ReferenceError: domcument is not defined
- Profile ...user
- Profile
- document.body.appendChild
- react.PropTypes is undefined
- ReferenceError: propTypes is not defined
- Warning: Component Profile declared PropTypes instead of propTypes. Did you misspell the property assignment?
- state Uncaught TypeError: this is undefined
- componentDidMount
- Component Hobby declared PropTypes instead of propTypes. Did you misspell the property assignment
- this.state.hobbis.map
- function Hobby
- 跳轉為空白hobbis.push(this.refs.hobby)
- You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file
- 空白排查
- SyntaxError: ItemEditor/index.jsx: Unexpected token
- ...item
- Warning: Failed prop type: The prop onCancel is marked as required in ItemEditor, but its value is undefined
- Uncaught TypeError: _uuid2.default is undefined
- a標簽的onclick事件觸發請求