常用的<setStorage方法要在初始化localStorage的方法中使用>
window.localStorage.setItem('username', payload.loginInformation_name);
然后在页面调用
system_id:window.localStorage.getItem('username')
转载于:https://www.cnblogs.com/jiadaxiadedaimashenghuo/p/10263225.html
因为是初学者,所以将自己用的笨方法整理出来,如果有大神有好点的写法,望指教! 学习使我进步.因为value只能传一个值,所以这块加了onchang事件.用的是笨办法将id作为state传入常用的<setStorage方法要在初始化localStorage的方法中使用>window.localStorage.setItem('username', ...
<input type="hidden" id="state" name="state" id="state" class="projectfile" value="${model.state}" />
<
select
class="form-control projectfile&qu
一般下拉框选择后会传送一个ID号给
后台
，然而今天
后台
要让前端页面将id和name,一起送过去。
总结思路：开始没想到要到
Select
,里面加一个事件来
传值
，想的是选择后确认
值
然后通过用户选择的来将用户的选的
值
取出来在送过去，然在就在Option里面加事件，来触发现传过去的
值
是所有的name,然后就不能打到实际效果，后面找到api看到这个
<FormItem label="所属部门"...
*getSiteOptionsAdmin({ payload }, { call, put }) {
try {
const { data } = yield call(notice.getSiteOptionsAdmin, payload);
if (da...
这里报错是因为onChange的this指向不对，
解决方法在constructor中写”this.onChange=this.onChange.bind(this);”或者在绑定时间的时候写”onChange={this.onChange.bind(this)} “
在给旧的数组afileNamelll赋
值
的时候失败，
解决方法，在定义新的数组的时候，
const new...
<
select
id="duty" name="duty">
<option value="请选择职务">--请选择职务--</option>
<option value="总经理">总经理</option>
<option
1.首先我们应该清楚两个东西，state和setState ,一个是状态，一个是设置状态，我们就可以在状态中添加一些默认的数据，然后用setState来改变state，此时，会触发render（）从新来渲染页面，代码如下：命名很乱，能懂意思就行，import
React
, { Component } from '
react
';
class App extends Component {
constr
React
中跨组件
传值
有多种方式，以下是几种常见的方式：
1. 父组件向子组件传递数据：通过 props 将数据传递给子组件，子组件通过 this.props 访问传递的数据。示例代码：
```
javascript
// 父组件
class Parent extends
React
.Component {
render() {
const data = 'hello';
return <Child data={data} />;
// 子组件
class Child extends
React
.Component {
render() {
const { data } = this.props;
return <div>{data}</div>;
2. 子组件向父组件传递数据：通过父组件传递函数给子组件，在子组件中调用该函数来传递数据。示例代码：
```
javascript
// 父组件
class Parent extends
React
.Component {
constructor(props) {
super(props);
this.state = {
data: ''
this.handleDataChange = this.handleDataChange.bind(this);
handleDataChange(data) {
this.setState({ data });
render() {
return <Child onDataChange={this.handleDataChange} />;
// 子组件
class Child extends
React
.Component {
constructor(props) {
super(props);
this.state = {
data: 'hello'
this.handleChange = this.handleChange.bind(this);
handleChange() {
const { onDataChange } = this.props;
const { data } = this.state;
onDataChange(data);
render() {
return (
<button onClick={this.handleChange}>传递数据</button>
3. 使用 Context：Context 提供了一种在组件之间共享数据的方法，避免了通过 props 层层传递的复杂性。示例代码：
```
javascript
// 创建 Context
const MyContext =
React
.createContext();
// 父组件
class Parent extends
React
.Component {
render() {
const data = 'hello';
return (
<MyContext.Provider value={data}>
<Child />
</MyContext.Provider>
// 子组件
class Child extends
React
.Component {
render() {
return (
<MyContext.Consumer>
{data => <div>{data}</div>}
</MyContext.Consumer>
