Question

   Autoanimate = (props) => {
     const [margintop] = useState(new Animated.Value(50)) 

    const animate='hggfdfgsfds'
     return (
       <Animated.View              
         style={{
           ...props.style,
             marginTop: margintop,
                    // Bind opacity to animated value
         }}
       >
         {props.children}
       </Animated.View>
     );
    }


class some extends React.Component{
render(){

return(
<Text>{Autoanimate.animate}</Text>
)
}
}

这不是原始代码，因为这是代码格式

期待什么 文本组件将呈现功能组件中的值

发生了什么：值未定义

还有一个疑问，我无法在该函数组件内调用该函数，为什么会这样呢？预先感谢

Answer 1

JavaScript的本质是，除非通过animate对其进行显式公开，否则您将无法在Autoanimate函数外部访问return。如果要渲染Autoanimate组件本身，则可以使用JSX：

class some extends React.Component{
  render(){
    return(
      <Text><Autoanimate style={{}} /></Text> 
    )
  }
}

无法从功能组件调用功能/访问变量

1 个答案: