跳转props undefined的问题

[Noah-Bytes]

问题描述
页面初始化时候，可以拿到props数据
但是页面跳转的时候，拿到的是undefined

复现步骤
[复现问题的步骤]

1. app 页面
   

2. Positioning 页面
   

3. 通过Taro.navigateTo 跳转结果
   

4. 初始化的时候，是有数据的
   

期望行为
是我使用方式不对吗？希望可以解决

系统信息

• 操作系统: Mac OS X 10.14.1
• Taro 版本 1.2.0-beta.9
• Node.js 版本 v10.4.1
• 报错平台 weapp/alipay

[taro-bot]

欢迎提交 Issue~

如果你提交的是 bug 报告，请务必遵循 Issue 模板的规范，尽量用简洁的语言描述你的问题，最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足，或者已经其他 issue 已经存在相关内容，你的 issue 有可能会被关闭。

Good luck and happy coding~

[Noah-Bytes]

没问题，大佬帮我瞅瞅

[neoscript99]

Taro 版本 1.2.0-beta.9　，初始化无登录信息，跳转登录界面时，有相同问题

[luckyadam]

Taro.navigateTo 和页面主动刷新，获取数据的方式不一样，不建议把对 props 的操作放到 constructor
你可以在 componentWillMount 里通过调用 this.setState 做 state 的初始化操作

[taro-bot]

Hello~

您的问题楼上已经有了确切的回答，如果没有更多的问题这个 issue 将在 15 天后被自动关闭。

如果您在这 15 天中更新更多信息自动关闭的流程会自动取消，如有其他问题也可以发起新的 Issue。

Good luck and happy coding~

[neoscript99]

@luckyadam
#1393

我的问题已被修复

• 我是在首页的componentDidShow中检查是否有登录信息，如果没有跳转登录页面，并没有在constructor处理props。
  
• 登录页面代码

import Taro, {Component} from '@tarojs/taro'
import {View} from '@tarojs/components'
import {observer, inject} from '@tarojs/mobx'
import {AtInput, AtButton} from 'taro-ui'

import {onChange} from '../../utils/eventUtil'
import config from '../../utils/config'
import Toast from '../../component/Toast';

@inject('manager')
@observer
class Login extends Component {

  state = {name: config.devUserName, workNo: config.devUserWorkNo};

  componentWillReact() {
    if (this.props.manager.currentItem.id)
      Taro.navigateBack({delta: 1});
  }

  onLogin() {
    this.props.manager.managerLogin(this.state)
  }

  handleInput(key, v) {
    onChange(this, key, v)
  }

  render() {
    return (
      <View className='flex-col page-card' style='height: 400rpx;justify-content: space-around;'>
        <AtInput title='姓名' type='text' placeholder='您的姓名' value={this.state.name}
                 onChange={this.handleInput.bind(this, 'name')} />
        <AtInput title='工号' type='number' placeholder='您的工号(数字)' value={this.state.workNo}
                 onChange={this.handleInput.bind(this, 'workNo')} />
        <AtButton type='primary' onClick={this.onLogin} disabled={!this.state.name || !this.state.workNo}>登录</AtButton>
        <Toast />
      </View>
    );
  }
}

export default Login;

• taro-weapp这里是不是要传一个空的props进去
  

[Noah-Bytes]

@luckyadam 不建议是指什么，有点不明白。是本身不支持在constructor中初始化 state，还是我使用的方式不对。

[neoscript99]

@luckyadam 不建议是指什么，有点不明白。是本身不支持在constructor中初始化 state，还是我使用的方式不对。

• 应该是某些场景的constructor中（如navigateTo），props还没准备好，建议你在componentWillMount中初始化state。
• 如果是普通tab页，是可以的。