React Native hooks 使用多个对象

Question

我正在尝试创建一个待办事项列表应用程序，该应用程序带有一个共享按钮，可以共享您拥有的待办事项列表。该应用程序几乎完成了，我认为代码的其他部分无关紧要，但如果需要我可以发布它们。

我的状态是这样的：

const [todos, setTodos] = useState([
    {todo: 'Add a todo', key: '1'},
    ]);

我的分享功能是这样的 - 直接取自官方文档 -:

 const onShare = async () => {
    try {
      const result = await Share.share({
        message:
          todos.todo
      });
      if (result.action === Share.sharedAction) {
        if (result.activityType) {
          // shared with activity type of result.activityType
        } else {
          // shared
        }
      } else if (result.action === Share.dismissedAction) {
        // dismissed
      }
    } catch (error) {
      alert(error.message);
    }
  };

我在哪里渲染按钮并调用函数：

<Button color= 'orange' title={'Share'} onPress={onShare}/>

我的问题出在message: 部分（第二个代码块），我无法在todos 状态内访问我的个人todo。这可能是最简单的问题，但我找不到方法......

请帮忙:)

Answer 1

试试这种方式，将所有待办事项的数据包装在字符串中

const justTodos = todos.map(item => item.todo);
const result = await Share.share({
        message: JSON.stringify(justTodos)
})