父子组件传值遇到的问题



  • 子组件;

    import Taro , {Component} from '@tarojs/taro'
    import {View} from '@tarojs/components'
    
    export default class HeaderTitle extends Component{
        constructor(props){
            super(props)
            console.log(props)
            this.state = {
                name: props.info
            }
        }
        render() {
            return(
                <View>这个是自定义{name}组件</View>
            ) 
        }
    }
    

    父组件

    import Taro, { Component, Config } from '@tarojs/taro'
    import { View, Text } from '@tarojs/components'
    import './index.scss'
    
    import HeaderTitle from '../HeaderTitle'
    
    
    export default class Index extends Component {
      constructor () {
        super(...arguments)
        this.state = {
          testName: '头部'
        }
      }
      /**
       * 指定config的类型声明为: Taro.Config
       *
       * 由于 typescript 对于 object 类型推导只能推出 Key 的基本类型
       * 对于像 navigationBarTextStyle: 'black' 这样的推导出的类型是 string
       * 提示和声明 navigationBarTextStyle: 'black' | 'white' 类型冲突, 需要显示声明类型
       */
      config: Config = {
        navigationBarTitleText: '首页'
      }
    
      componentWillMount () { }
    
      componentDidMount () { }
    
      componentWillUnmount () { 
        console.log('卸载')
      }
    
      componentDidShow () {
        console.log('this is show')
       }
    
      componentDidHide () { 
        console.log('this is hide')
      }
    
    
    
      render () {
    
    
    
        return (
          <View className='index'>
            <HeaderTitle info='头部'/>
          </View>
          
        )
      }
    }
    
    

    在父组件中调用子组件HeaderTitle 传值没有问题,但是会有警告(在vscode编辑器中会有警告,但是代码贴出来以后就没有了)
    警告大致是这样“
    445a6fbc-88a1-489f-b21e-c7c170a850a9-image.png
    请各位大佬帮忙解答下什么问题,谢谢各位!


登录后回复